Simplified common details

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 43d59cfb5b10fe6e502017aa7f8b00d1161413e7..66b9f3c4854eb28d6fc3f92cafcc8c14277a46c5 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -561,10 +561,6 @@ nav.secondary {
     width: $sidebarWidth;
     border-right: $keyline;
 
-    .alert {
-      background: #e00;
-    }
-
     h2, h3, h4 {
       padding: $lineheight;
       border-bottom: $keyline;
@@ -594,6 +590,16 @@ nav.secondary {
     }
   }
 
+  #sidebar.minimized {
+    position: absolute;
+    z-index: 1000;
+    height: auto;
+
+    #sidebar_content {
+      display: none;
+    }
+  }
+
   #map {
     height: 100%;
     overflow: hidden;
@@ -771,6 +777,14 @@ nav.secondary {
   bottom: 0;
   width: 100%;
   overflow-y: auto;
+
+  .loader,
+  .load_more {
+    text-align: center;
+    margin: $lineheight auto;
+    width: $lineheight;
+    display: block;
+  }
 }
 
 /* Rules for the search box */
@@ -877,19 +891,7 @@ a.donate {
 
 /* Rules for search results which appear in the popout sidebar */
 
-.search_searching {
-  margin-top: $lineheight/4;
-  margin-bottom: $lineheight/4;
-}
-
 .search_results_entry {
-  .search_searching {
-    text-align: center;
-    margin: $lineheight auto;
-    width: $lineheight;
-    display: block;
-  }
-
   ul li {
     border-bottom: 1px solid #ccc;
   }
@@ -942,6 +944,11 @@ a.donate {
   li {
     padding: $lineheight;
     border-bottom: $keyline;
+    cursor: pointer;
+  }
+
+  li.selected {
+    background: #FCFEA4;
   }
 }
 
@@ -993,7 +1000,7 @@ a.donate {
       width: 50%;
       height: 30px;
       float: left;
-      padding: 9px 10px;
+      padding: 6px 10px;
     }
 
     .browse-tag-k {
@@ -1008,6 +1015,20 @@ a.donate {
   }
 }
 
+/* Rules for the changeset details */
+
+#sidebar_content {
+  .browse-section.header {
+    padding: 20px;
+    border-bottom: 1px solid #CCC;
+
+    h2 {
+      padding: 0 0 5px 0;
+      border-bottom: none;
+    }
+  }
+}
+
 /* Rules for export information which appears in the popout sidebar */
 
 .export_bounds {
@@ -1026,6 +1047,21 @@ a.donate {
   margin: $lineheight/4;
 }
 
+/* Rules for edit pages */
+
+.site-edit {
+  #content {
+    position: absolute;
+    top: $headerHeight;
+    bottom: 0;
+    width: 100%;
+  }
+
+  #map {
+    height: 100%;
+  }
+}
+
 /* Rules for non-map content pages */
 
 .content-heading {
@@ -1541,17 +1577,19 @@ a.donate {
 
 /* Rules for "flash" notice boxes shown at the top of the content area */
 
-.flash {
-    padding: $lineheight;
-  &#error {
-    background-color: #ff7070;
-  }
-  &#warning {
-    background-color: #ffe0cc;
-  }
-  &#notice {
-    background-color: #CBEEA7;
-  }
+.error {
+  padding: $lineheight;
+  background-color: #ff7070;
+}
+
+.warning {
+  padding: $lineheight;
+  background-color: #ffe0cc;
+}
+
+.notice {
+  padding: $lineheight;
+  background-color: #CBEEA7;
 }
 
 /* Rules for highlighting fields with rails validation errors */