]> git.openstreetmap.org Git - rails.git/blobdiff - app/assets/stylesheets/common.css.scss
compact menu fix, changeset highlight styles
[rails.git] / app / assets / stylesheets / common.css.scss
index 1e2ce723d6f53d54c20b7a906c27e359d701c4b2..cdbf7e58d677d5fc1bdd18a00651813a0ea39c98 100644 (file)
@@ -397,6 +397,7 @@ nav.secondary {
 
     a {
       padding: 5px 15px;
 
     a {
       padding: 5px 15px;
+
     }
 
     &.logged-in > a {
     }
 
     &.logged-in > a {
@@ -404,7 +405,9 @@ nav.secondary {
       > .user-button {
         padding: 5px 10px 5px 6px;
         display: inline-block;
       > .user-button {
         padding: 5px 10px 5px 6px;
         display: inline-block;
+        color: $darkgrey;
       }
       }
+      &:hover > .user-button { color: darken($darkgrey, 5%); }
     }
   }
 
     }
   }
 
@@ -433,7 +436,8 @@ nav.secondary {
 
   .dropdown-menu {
     left: auto;
 
   .dropdown-menu {
     left: auto;
-    right: 0;
+    right: -1px;
+    border-radius: 3px 0 3px 3px;
 
     .count-number {
       float: right;
 
     .count-number {
       float: right;
@@ -443,6 +447,25 @@ nav.secondary {
   }
 }
 
   }
 }
 
+#compact-secondary-nav {
+  display: none;
+  ul li a {
+    width: 100%;
+    color: #333;
+    &:hover { color: #fff; }
+  }
+}
+
+@media only screen and (max-width:960px) {
+  #compact-secondary-nav {
+    display: inline-block;
+  }
+  .compact-hide {
+    display: none;
+  }
+}
+
+
 /* Utility for styling notification numbers */
 
 .count-number {
 /* Utility for styling notification numbers */
 
 .count-number {
@@ -1039,7 +1062,8 @@ a.donate {
     border-bottom: $keyline;
     cursor: pointer;
 
     border-bottom: $keyline;
     cursor: pointer;
 
-    &.selected { background: lighten($green, 35%); }
+    &.selected { background: #FFFFE6; }
+    /* color is derived from changeset bbox fillColor in history.js */
   }
 
   .comment a {
   }
 
   .comment a {
@@ -2280,6 +2304,7 @@ a.button {
   list-style: none;
   background-color: #ffffff;
   border: 1px solid #ccc;
   list-style: none;
   background-color: #ffffff;
   border: 1px solid #ccc;
+  border-radius: 0 3px 3px;
   *border-right-width: 2px;
   *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   *border-right-width: 2px;
   *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);