diff --git a/README.md b/README.md index 6bda401..d903174 100644 --- a/README.md +++ b/README.md @@ -374,7 +374,7 @@ Assign a default value for each user-modifiable setting by passing environment v | ----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------- | | `THEME` | `["system", "light", "dark", "black", "dracula", "nord", "laserwave", "violet", "gold", "rosebox", "gruvboxdark", "gruvboxlight", "tokyoNight", "icebergDark"]` | `system` | | `FRONT_PAGE` | `["default", "popular", "all"]` | `default` | -| `LAYOUT` | `["card", "clean", "compact"]` | `card` | +| `LAYOUT` | `["card", "clean", "compact", "old", "mosaic"]` | `card` | | `WIDE` | `["on", "off"]` | `off` | | `POST_SORT` | `["hot", "new", "top", "rising", "controversial"]` | `hot` | | `COMMENT_SORT` | `["confidence", "top", "new", "controversial", "old"]` | `confidence` | diff --git a/static/style.css b/static/style.css index 87b3c3b..414d1c3 100644 --- a/static/style.css +++ b/static/style.css @@ -1325,6 +1325,15 @@ summary.comment_data { /* Layouts */ +.mosaic #posts > .post { + break-inside: avoid-column; +} + +.mosaic #posts { + column-width: 500px; + column-gap: 10px; +} + .old .post { border-radius: 5px; background: var(--post); @@ -1397,7 +1406,6 @@ summary.comment_data { margin-left: 20px; } - .old main { max-width: 100% !important; } diff --git a/templates/base.html b/templates/base.html index 2e06a48..233f66c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -28,7 +28,7 @@
diff --git a/templates/settings.html b/templates/settings.html index 2caa345..f3dcc82 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -31,14 +31,14 @@