mapbox-gl-rails 1.10.1 → 1.13.1

data/app/assets/stylesheets/mapbox-gl.scss

@@ -184,7 +184,7 @@
   }
 }
 
-.mapboxgl-ctrl-group button:focus {
+.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
   box-shadow: 0 0 2px 2px #0096ff;
 }
 
@@ -465,45 +465,58 @@ a.mapboxgl-ctrl-logo {
 }
 
 @media screen {
-  .mapboxgl-ctrl-attrib.mapboxgl-compact {
-    min-height: 20px;
-    padding: 0;
-    margin: 10px;
-    position: relative;
-    background-color: #fff;
-    border-radius: 3px 12px 12px 3px;
+  .mapboxgl-ctrl-attrib {
+    &.mapboxgl-compact {
+      min-height: 20px;
+      padding: 2px 24px 2px 0;
+      margin: 10px;
+      position: relative;
+      background-color: #fff;
+      border-radius: 12px;
+    }
 
-    &:hover {
-      padding: 2px 24px 2px 4px;
+    &.mapboxgl-compact-show {
+      padding: 2px 28px 2px 8px;
       visibility: visible;
-      margin-top: 6px;
     }
   }
 
-  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
-    padding: 2px 4px 2px 24px;
-    border-radius: 12px 3px 3px 12px;
+  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
+    padding: 2px 8px 2px 28px;
+    border-radius: 12px;
   }
 
-  .mapboxgl-ctrl-attrib.mapboxgl-compact {
-    .mapboxgl-ctrl-attrib-inner {
-      display: none;
-    }
+  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
+    display: none;
+  }
 
-    &:hover .mapboxgl-ctrl-attrib-inner {
+  .mapboxgl-ctrl-attrib-button {
+    display: none;
+    cursor: pointer;
+    position: absolute;
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
+    background-color: hsla(0, 0%, 100%, 0.5);
+    width: 24px;
+    height: 24px;
+    box-sizing: border-box;
+    border-radius: 12px;
+    outline: none;
+    top: 0;
+    right: 0;
+    border: 0;
+  }
+
+  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
+    left: 0;
+  }
+
+  .mapboxgl-ctrl-attrib {
+    &.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner, &.mapboxgl-compact .mapboxgl-ctrl-attrib-button {
       display: block;
     }
 
-    &:after {
-      content: "";
-      cursor: pointer;
-      position: absolute;
-      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
-      background-color: hsla(0, 0%, 100%, 0.5);
-      width: 24px;
-      height: 24px;
-      box-sizing: border-box;
-      border-radius: 12px;
+    &.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
+      background-color: rgba(0, 0, 0, 0.05);
     }
   }
 

data/lib/mapbox-gl/rails/version.rb

@@ -14,7 +14,7 @@ module MapboxGl
       # Major version number
       MAJOR = 1
       # Minor version number
-      MINOR = 10
+      MINOR = 13
       # Smallest version number
       TINY = 1
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mapbox-gl-rails
 version: !ruby/object:Gem::Version
-  version: 1.10.1
+  version: 1.13.1
 platform: ruby
 authors:
 - Nikita Bulai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-30 00:00:00.000000000 Z
+date: 2021-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -139,7 +139,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.2
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: an asset gemification of the Mapbox GL JS library