Cambiar aprovechamiento de espacio en mapa y lista de iniciativas

solidaridadUY · Apr 7, 2020 · 31b8f60 · 31b8f60
1 parent 3dbd69c
commit 31b8f60
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 4 deletions.
diff --git a/_includes/map.html b/_includes/map.html
@@ -2,7 +2,7 @@
 
 <script>
   let mapZoom = screen.width < 800 ? 6 : 7;
-  var map = L.map('leaflet-map').setView([-33.055, -55.629], mapZoom);
+  var map = L.map('leaflet-map').setView([-32.6, -55.629], mapZoom);
   L.tileLayer('http://{s}.tiles.mapbox.com/v3/{mapId}/{z}/{x}/{y}.png', {
     attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a>, Imagery &copy; <a href="http://mapbox.com">Mapbox</a>',
     mapId: 'ebrelsford.ho06j5h0',

diff --git a/_sass/home.scss b/_sass/home.scss
@@ -1,8 +1,8 @@
 #home-map {
   display: inline;
   float: left;
-  width: 65%;
-  height: 500px;
+  width: 600px;
+  height: 600px;
 
   #leaflet-map {
     height: 600px;
@@ -12,7 +12,7 @@
 .home-list {
   display: inline;
   float: left;
-  width: 35%;
+  width: calc(100% - 600px);
   height: 600px;
   overflow: scroll;
 
@@ -56,8 +56,10 @@
     li {
       background-color: rgb(255, 255, 255);
       box-shadow: rgba(0,0,0,0.2) 0px 1px 2px 0px;
+      max-width: 300px;
       margin: 8px 15px;
       padding: 5px 15px;
+      float: left;
       transition-duration: 0.2s;
 
       &:hover {
@@ -80,6 +82,17 @@
   }
 }
 
+@media screen and (max-width: 565px) {
+  .home-list {
+    width: 100%;
+
+    .post-list li {
+      width: auto;
+      max-width: 100%;
+      float: none;
+    }
+  }
+}
 
 @media screen and (max-width: 800px) {
   #home-map {
@@ -100,3 +113,11 @@
     height: auto;
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .home-list .post-list li {
+    width: auto;
+    max-width: 100%;
+    float: none;
+  }
+}