Fix mobile gallery and grid, add size preference

Fixes #1379
2026-03-21 11:28:57 +01:00
parent b6ccea0c7a
commit fea6f59005
7 changed files with 51 additions and 40 deletions
@@ -293,7 +293,15 @@
  .gallery-masonry {
    margin: 10px 0;
    column-gap: 10px;
-    column-width: 350px;
+    column-width: unquote("clamp(190px, 22vw, 350px)");
+
+    &[data-col-size="small"] {
+      column-width: unquote("max(130px, 11vw)");
+    }
+
+    &[data-col-size="large"] {
+      column-width: unquote("clamp(350px, 22vw, 480px)");
+    }

    &.masonry-active {
      column-width: unset;
@@ -470,27 +478,8 @@
  }
 }

-@media (max-width: 900px) {
-  .timeline.media-grid-view {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
@media (max-width: 520px) {
-  .timeline.media-grid-view {
-    grid-template-columns: 1fr;
-  }
-
  .timeline.media-gallery-view {
    padding: 8px 0;
-
-    .gallery-masonry {
-      columns: 1;
-      column-gap: 0;
-
-      &.masonry-active {
-        columns: unset;
-      }
-    }
  }
 }