summaryrefslogtreecommitdiff
path: root/app
diff options
context:
space:
mode:
authorelijah <elijah@riseup.net>2013-06-19 00:33:19 -0700
committerelijah <elijah@riseup.net>2013-06-19 00:33:19 -0700
commitc0dcf6bd6ae163ab39886a86c337d008ac2365a6 (patch)
treec704a349a4993f060344c826b649a65f386cc79f /app
parenta089c452a414e7d34d49f0e2703c632141361e2b (diff)
new ui for tickets
Diffstat (limited to 'app')
-rw-r--r--app/assets/stylesheets/leap.scss73
1 files changed, 63 insertions, 10 deletions
diff --git a/app/assets/stylesheets/leap.scss b/app/assets/stylesheets/leap.scss
index 42638eb..6b44986 100644
--- a/app/assets/stylesheets/leap.scss
+++ b/app/assets/stylesheets/leap.scss
@@ -6,27 +6,80 @@ table.table-hover tr:hover .btn {
opacity: 1;
}
+.ticket {
+ td.user {
+ white-space: nowrap;
+ }
+ td.comment {
+ width: 100%;
+ }
+}
+
+//
+// UTILITY
+//
+
.debug {
outline: 1px solid red;
}
+.full-width {
+ width: 100%;
+}
+
+.slim {
+ margin: 0;
+}
+
+.first {
+ margin-top: 0;
+ padding-top: 0;
+}
+
//
-// Icons
+// Typography
//
+input.large {
+ font-size: $baseFontSize * 1.25;
+ line-height: $baseLineHeight * 1.5;
+}
-// force a black icon, even if bootstrap thinks differently
-.icon-black {
- background-image: url(/assets/glyphicons-halflings.png) !important;
+//
+// FORMS
+//
+
+//
+// Sometimes we really want full width controls, but this flies in the face of
+// what bootstrap does for control sizes, so we have to step on bootstrap's
+// toes a bit to make this work.
+//
+input, textarea {
+ &.full-width {
+ height: inherit;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ }
}
//
-// Typography
+// Labels
//
-.first {
- margin-top: 0;
- padding-top: 0;
+.label-clear {
+ background-color: $white;
+ text-shadow: none;
+ color: $black;
+}
+
+//
+// Icons
+//
+
+// force a black icon, even if bootstrap thinks differently
+.icon-black {
+ background-image: url(/assets/glyphicons-halflings.png) !important;
}
//
@@ -56,9 +109,9 @@ table.table-hover tr:hover .btn {
box-shadow: 0 2px 4px rgba(0,0,0,.1);
li.active {
a, a:hover {
- background-color: $blueDark;
+ background-color: $linkColor;
color: $white;
- border-color: darken($blueDark, 10%);
+ border-color: darken($linkColor, 0%);
cursor: pointer;
}
}