styling add to collection popup (bug 668036)

jbalogh · Jun 29, 2011 · d3f4ee2 · d3f4ee2
1 parent 4e0a372
commit d3f4ee2
Show file tree

Hide file tree

Showing 6 changed files with 103 additions and 31 deletions.
diff --git a/media/css/impala/collections.less b/media/css/impala/collections.less
@@ -2,7 +2,7 @@
     margin: 0 0 .5em 0;
     li {
         cursor: pointer;
-        padding-left: 30px;
+        padding: 5px 0 3px 30px;
         background-repeat: no-repeat;
         background-position: 0 4px;
         background-image: url(../../img/zamboni/icons/checks.png);
@@ -38,32 +38,32 @@
     }
 }
 
-.edit_with_prefix, .edit-with-suffix {
-    span {
-        border: 1px solid #5875A0;
-        background: #eee;
-        color: #888;
-    }
-    input:focus {
-        outline: 0;
-    }
-}
-.edit_with_prefix span {
-    border-right: 0 none;
-    padding: 2px 2px 2px 5px;
+#slug_value {
+    font-weight: bold;
+    color: #222;
 }
-.edit_with_prefix input {
-    border-left: 0 none;
+
+#collection-form-slug,
+#clear-recents {
+    font-size: .9em;
 }
-.edit_with_suffix span {
-    border-left: 0 none;
-    padding: 2px 5px 2px 2px;
+
+#collection-favorites-opts li {
+    display: inline-block;
+    margin-right: 1em;
 }
-.edit_with_suffix input {
-    border-right: 0 none;
+
+.collections-details #id_name {
+    display: block;
+    -moz-box-sizing: border-box;
+    width: 100%;
 }
-.edit_initially_hidden {
-    display: none;
+
+#collection_listed {
+    margin-bottom: 1.5em;
+    ul label {
+        font-weight: normal;
+    }
 }
 
 #slug_value {
@@ -89,7 +89,8 @@
 
 #collection_listed {
     margin-bottom: 1.5em;
-    ul label {
-        font-weight: normal;
-    }
+}
+
+#collection_listed ul label {
+    font-weight: normal;
 }
diff --git a/media/css/impala/forms.less b/media/css/impala/forms.less
@@ -0,0 +1,56 @@
+@import 'lib';
+
+input[type="text"], input[type="password"], select, textarea {
+    border: 1px solid #5875A0;
+    color: #666666;
+    padding: 2px 5px;
+}
+
+label {
+    cursor: pointer;
+    font-weight: bold;
+}
+
+textarea {
+    .border-box();
+    display: block;
+    width: 100%;
+}
+
+form p {
+    margin-bottom: 1em;
+}
+
+.note {
+    color: #666666;
+    font-size: 11px;
+    line-height: 1.4;
+}
+
+.edit_with_prefix, .edit-with-suffix {
+    span {
+        border: 1px solid #5875A0;
+        background: #eee;
+        color: #888;
+    }
+    input:focus {
+        outline: 0;
+    }
+}
+.edit_with_prefix span {
+    border-right: 0 none;
+    padding: 2px 2px 2px 5px;
+}
+.edit_with_prefix input {
+    border-left: 0 none;
+}
+.edit_with_suffix span {
+    border-left: 0 none;
+    padding: 2px 5px 2px 2px;
+}
+.edit_with_suffix input {
+    border-right: 0 none;
+}
+.edit_initially_hidden {
+    display: none;
+}
diff --git a/media/css/impala/popups.less b/media/css/impala/popups.less
@@ -68,7 +68,7 @@ div.popup-shim {
     box-shadow: 0 1px 3px rgba(0,0,0,0.35);
     z-index: 2001; /* because of devhub title */
 }
-.modal {
+.modal, .popup {
     padding: 1em;
     form {
         margin: 0;
@@ -78,6 +78,18 @@ div.popup-shim {
         color: #2e5186;
     }
 }
+
+.popup {
+    h3 {
+        font-size: 18px;
+        margin-bottom: 1em;
+    }
+    fieldset {
+        border-bottom: 1px solid #A4CFDE;
+        margin-bottom: 1.5em;
+        padding-bottom: 1em;
+    }
+}
 .modal-delete h3 {
     color: #6c1a1a;
 }

diff --git a/media/css/impala/reviews.less b/media/css/impala/reviews.less
@@ -113,9 +113,6 @@
         display: inline-block;
         margin: 0 0 2px 8px;
     }
-    input[type=submit] {
-        margin-top: 1em;
-    }
 }
 
 .ratingwidget {

diff --git a/media/css/impala/typography.less b/media/css/impala/typography.less
@@ -46,6 +46,11 @@ pre, code, kbd, tt, samp, tt {
         line-height: 1.3em;
     }
 }
+.popup h3 {
+    color: #333;
+    font-family: @serif-stack;
+    font-style: italic;
+}
 
 .gutter {
     .primary, .secondary {
@@ -62,7 +67,7 @@ pre, code, kbd, tt, samp, tt {
     margin-left: .5em;
 }
 
-.island, .modal {
+.island, .modal, .popup {
     h2 {
         font-size: 18px;
         margin-bottom: .5em;

diff --git a/settings.py b/settings.py
@@ -401,6 +401,7 @@ def JINJA_CONFIG():
             'css/impala/site.less',
             'css/impala/typography.less',
             'css/global/headerfooter.css',
+            'css/impala/forms.less',
             'css/impala/header.less',
             'css/impala/footer.less',
             'css/impala/moz-tab.css',