fix compact attribution positioning (#7445)

* artisinal css 👩‍🎨 * make all margin 10px
mapbox · Oct 29, 2018 · 033e3d1 · 033e3d1
1 parent 29cd586
commit 033e3d1
Showing 1 changed file with 27 additions and 3 deletions.
diff --git a/src/css/mapbox-gl.css b/src/css/mapbox-gl.css
@@ -217,7 +217,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 
 @media screen {
     .mapboxgl-ctrl-attrib.mapboxgl-compact {
-        margin: 0 10px 10px;
+        margin: 10px;
         position: relative;
         background-color: #fff;
         border-radius: 3px 12px 12px 3px;
@@ -228,6 +228,12 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
         visibility: visible;
     }
 
+    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
+    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
+        padding: 2px 4px 2px 24px;
+        border-radius: 12px 3px 3px 12px;
+    }
+
     .mapboxgl-ctrl-attrib.mapboxgl-compact > * {
         display: none;
     }
@@ -240,15 +246,33 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
         content: '';
         cursor: pointer;
         position: absolute;
-        bottom: 0;
-        right: 0;
         background-image: svg-load('svg/mapboxgl-ctrl-attrib.svg');
         background-color: rgba(255, 255, 255, 0.5);
         width: 24px;
         height: 24px;
         box-sizing: border-box;
         border-radius: 12px;
     }
+
+    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
+        bottom: 0;
+        right: 0;
+    }
+
+    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
+        top: 0;
+        right: 0;
+    }
+
+    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
+        top: 0;
+        left: 0;
+    }
+
+    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
+        bottom: 0;
+        left: 0;
+    }
 }
 
 .mapboxgl-ctrl-attrib a {