Merge pull request #16141 from seren5240/forum-mobile

fix: use single column on mobile forum search
lichess-org · Oct 5, 2024 · 19fa296 · 19fa296
2 parents f5daacd + fb078b3
commit 19fa296
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/modules/forum/src/main/ui/PostUi.scala b/modules/forum/src/main/ui/PostUi.scala
@@ -189,7 +189,7 @@ final class PostUi(helpers: Helpers, bits: ForumBits):
                       br,
                       bits.authorLink(view.post)
                     )
-                  tr(cls := "paginated")(
+                  tr(cls := "paginated stack-row")(
                     if viewWithRead.canRead then
                       frag(
                         td(

diff --git a/ui/common/css/component/_slist.scss b/ui/common/css/component/_slist.scss
@@ -105,3 +105,16 @@
     }
   }
 }
+
+@media (max-width: at-most($xx-small)) {
+  .stack-row {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .stack-row td {
+    width: 100%;
+    padding-inline-start: var(---box-padding);
+    padding-inline-end: var(---box-padding);
+  }
+}