mapbox-gl-rails 1.8.1 → 1.13.1

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

@@ -3,12 +3,17 @@
   overflow: hidden;
   position: relative;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  text-align: left;
+}
 
-  &:-webkit-full-screen {
-    width: 100%;
-    height: 100%;
-  }
+.mapboxgl-canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.mapboxgl-map:-webkit-full-screen {
+  width: 100%;
+  height: 100%;
 }
 
 .mapboxgl-canary {
@@ -179,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;
 }
 
@@ -460,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;
+  }
+
+  .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;
+  }
 
-    &:hover .mapboxgl-ctrl-attrib-inner {
+  .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

@@ -9,12 +9,12 @@ module MapboxGl
     end
 
     ##
-    # ProxyFetcher gem semantic versioning.
+    # Follows Mapbox GL JS versioning.
     module VERSION
       # Major version number
       MAJOR = 1
       # Minor version number
-      MINOR = 8
+      MINOR = 13
       # Smallest version number
       TINY = 1
 

data/mapbox-gl-rails.gemspec

@@ -20,7 +20,7 @@ Gem::Specification.new do |gem|
   gem.add_dependency 'railties', '>= 3.2'
 
   gem.add_development_dependency 'activesupport'
-  gem.add_development_dependency 'sass-rails'
+  gem.add_development_dependency 'sass-rails', '>= 5.0', '< 6.0'
   gem.add_development_dependency 'thor'
 
   gem.required_ruby_version = '>= 1.9.3'

data/test/dummy/app/assets/config/manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .scss

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mapbox-gl-rails
 version: !ruby/object:Gem::Version
-  version: 1.8.1
+  version: 1.13.1
 platform: ruby
 authors:
 - Nikita Bulai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-16 00:00:00.000000000 Z
+date: 2021-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -44,14 +44,20 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.0'
 - !ruby/object:Gem::Dependency
   name: thor
   requirement: !ruby/object:Gem::Requirement
@@ -96,6 +102,7 @@ files:
 - mapbox-gl-rails.gemspec
 - plugins.yaml
 - test/dummy/.gitignore
+- test/dummy/app/assets/config/manifest.js
 - test/dummy/app/assets/stylesheets/sass-import.css.sass
 - test/dummy/app/assets/stylesheets/scss-import.css.scss
 - test/dummy/app/assets/stylesheets/sprockets-require.css
@@ -132,12 +139,13 @@ 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
 test_files:
 - test/dummy/.gitignore
+- test/dummy/app/assets/config/manifest.js
 - test/dummy/app/assets/stylesheets/sass-import.css.sass
 - test/dummy/app/assets/stylesheets/scss-import.css.scss
 - test/dummy/app/assets/stylesheets/sprockets-require.css