Merge remote-tracking branch 'upstream/pull/3795'

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

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index dfe99d1e2751f9af765a31ae84e3f0e7d74da5c8..27458c6efb428093bc69f58d9e02cf31ed5835e3 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -358,8 +358,6 @@ body.small-nav {
   width: 40px;
   background-color: #333;
   background-color: rgba(0,0,0,.6);
   width: 40px;
   background-color: #333;
   background-color: rgba(0,0,0,.6);

-  border-radius: 4px 0 0 4px;
-  margin-bottom: 10px;

   outline: none;
 
   &:hover,
   outline: none;
 
   &:hover,


@@ -378,26 +376,18 @@ body.small-nav {
     background-color: $vibrant-green;
   }
 
     background-color: $vibrant-green;
   }
 

-  .icon {
-    margin: 10px;
+  &-first {
+    border-start-start-radius: 4px;

   }
   }

-}

 
 

-.leaflet-control .zoomin,
-.control-layers .control-button {
-  margin-bottom: 0px;
-  border-radius: 4px 0 0 0;
-}
-
-.leaflet-control .zoomout,
-.control-key .control-button {
-  margin-bottom: 0;
-  border-radius: 0;
-}
+  &-last {
+    border-end-start-radius: 4px;
+    margin-bottom: 10px;
+  }

 
 

-.control-locate .control-button,
-.control-share .control-button {
-  border-radius: 0 0 0 4px;
+  .icon {
+    margin: 10px;
+  }

 }
 
 /* Rules for the sidebar and main map area */
 }
 
 /* Rules for the sidebar and main map area */


@@ -522,6 +512,13 @@ body.small-nav {
       height: 50%;
     }
 
       height: 50%;
     }
 

+    #map-ui {
+      z-index: 9999;
+      width: 100%;
+      height: 50%;
+      overflow-y: scroll;
+    }
+

     .overlay-sidebar {
       #sidebar {
         position: absolute;
     .overlay-sidebar {
       #sidebar {
         position: absolute;


@@ -530,16 +527,10 @@ body.small-nav {
         overflow: hidden;
       }
 
         overflow: hidden;
       }
 

-      #map {
+      #map, #map-ui {

         height: 100%;
       }
     }
         height: 100%;
       }
     }

-
-    #map-ui {
-      z-index: 9999;
-      width: 100%;
-      overflow-y: scroll;
-    }

   }
 }
 
   }
 }
 


@@ -601,31 +592,6 @@ body.small-nav {
 }
 
 .share-ui {
 }
 
 .share-ui {

-  .share-tabs {
-    margin-bottom: 10px;
-
-    a {
-      color: #fff;
-      text-decoration: none;
-      background-color: $lightblue;
-      padding: 5px 10px;
-      border-right: 1px solid #fff;
-    }
-
-    a:first-child {
-      border-right: 1px solid #fff;
-      border-radius: 4px 0 0 4px;
-    }
-
-    a:last-child {
-      border-radius: 0 4px 4px 0;
-    }
-
-    a.active {
-      background-color: $blue;
-    }
-  }
-

   .share-tab {
     display: none;
   }
   .share-tab {
     display: none;
   }


@@ -1090,6 +1056,10 @@ tr.turn:hover {
 
 [dir=rtl] .header-illustration {
   transform: scaleX(-1);
 
 [dir=rtl] .header-illustration {
   transform: scaleX(-1);

+
+  h1 {
+    transform: scaleX(-1);
+  }

 }
 
 #content.maximised {
 }
 
 #content.maximised {


@@ -1127,7 +1097,7 @@ tr.turn:hover {
   min-width: 200px;
   p {
     padding: 0 0 5px 0;
   min-width: 200px;
   p {
     padding: 0 0 5px 0;

-    margin-top: 0 0 0 60px;
+    margin: 0 0 0 60px;

     font-size: 12px;
   }
 }
     font-size: 12px;
   }
 }


@@ -1506,15 +1476,6 @@ dl.dl-inline {
     display: block;
   }
 
     display: block;
   }
 

-  .icon-list {
-    padding-bottom: 20px;
-    div {
-      margin-bottom: 10px;
-      p {
-        padding-top: 10px;
-      }
-    }
-  }

   .sprite.small {
     width: 50px;
     height: 50px;
   .sprite.small {
     width: 50px;
     height: 50px;


@@ -1598,8 +1559,6 @@ dl.dl-inline {
   .icon {
     width: 30px;
     height: 30px;
   .icon {
     width: 30px;
     height: 30px;

-    margin-right: 10px;
-    vertical-align: middle;

     background: 40px 40px image-url('about/sprite.png') no-repeat;
 
     &.local {
     background: 40px 40px image-url('about/sprite.png') no-repeat;
 
     &.local {