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 bef95550943235a3a3e77c877d455b8edd70c0c7..66b9f3c4854eb28d6fc3f92cafcc8c14277a46c5 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -590,6 +590,16 @@ nav.secondary {
     }
   }
 
+  #sidebar.minimized {
+    position: absolute;
+    z-index: 1000;
+    height: auto;
+
+    #sidebar_content {
+      display: none;
+    }
+  }
+
   #map {
     height: 100%;
     overflow: hidden;
@@ -767,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 */
@@ -873,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;
   }
@@ -938,6 +944,11 @@ a.donate {
   li {
     padding: $lineheight;
     border-bottom: $keyline;
+    cursor: pointer;
+  }
+
+  li.selected {
+    background: #FCFEA4;
   }
 }
 
@@ -989,7 +1000,7 @@ a.donate {
       width: 50%;
       height: 30px;
       float: left;
-      padding: 9px 10px;
+      padding: 6px 10px;
     }
 
     .browse-tag-k {
@@ -1004,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 {
@@ -1022,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 {