Merge branch '155-improve-desktop-ux' into 'main'

improve Desktop UX See merge request decidim/decidim-module-geo!144
octree-gva · Oct 16, 2024 · eb17542 · eb17542
2 parents 5de8c98 + 67fc46f
commit eb17542
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_decidimGeo.scss b/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_decidimGeo.scss
@@ -10,13 +10,17 @@
 
 .decidimGeo__container {
   position: relative;
+  padding: 0 16px;
+
   .js-decidimgeo.decidimgeo__map {
     display: flex;
-    min-height: 640px;
-    height: 80vh;
+    min-height: 540px;
+    height: 70vh;
     width: 100%;
     max-width: 100%;
-    max-height: 100vh;
+    border: 1px solid transparent;
+    border-radius: 8px;
+
     * {
       box-sizing: border-box;
     }

diff --git a/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_mixins.scss b/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_mixins.scss
@@ -1,7 +1,7 @@
 @mixin decidimGeo__drawerContainer {
   width: 299px;
   height: auto;
-  max-height: 70vh;
+  max-height: 60vh;
   border-top: #cccccc 1px solid;
   overflow-y: auto;
   list-style: none;

diff --git a/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_mobile.scss b/app/packs/stylesheets/decidim/geo/geo/_decidim_geo_mobile.scss
@@ -5,11 +5,13 @@
     display: none;
   }
   @include breakpoint(medium down) {
+    padding: 0 !important;
     &:not(&--fullscreen) .js-decidimgeo.decidimgeo__map {
       z-index: 1;
       height: 30vh;
       max-height: 30vh;
       min-height: 140px;
+      border-radius: 0px;
       .leaflet-bar,
       .leaflet-control-container {
         display: none;