From 6042bca61221cae5819900b590106c13f6efcaed Mon Sep 17 00:00:00 2001 From: ayaka Date: Sun, 7 Jul 2024 18:35:53 +1200 Subject: [PATCH] mosaic -> waterfall --- README.md | 2 +- static/style.css | 4 ++-- templates/base.html | 2 +- templates/settings.html | 6 +++--- templates/utils.html | 6 +++--- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index d903174..db8f76e 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", "old", "mosaic"]` | `card` | +| `LAYOUT` | `["card", "clean", "compact", "old", "waterfall"]` | `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 414d1c3..ed8e1aa 100644 --- a/static/style.css +++ b/static/style.css @@ -1325,11 +1325,11 @@ summary.comment_data { /* Layouts */ -.mosaic #posts > .post { +.waterfall #posts > .post { break-inside: avoid-column; } -.mosaic #posts { +.waterfall #posts { column-width: 500px; column-gap: 10px; } diff --git a/templates/base.html b/templates/base.html index 233f66c..494dad7 100644 --- a/templates/base.html +++ b/templates/base.html @@ -28,7 +28,7 @@ diff --git a/templates/settings.html b/templates/settings.html index f3dcc82..42528ee 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -31,14 +31,14 @@
- - {% if prefs.layout == "old" || prefs.layout == "mosaic" %}ⓘ Wide UI is always enabled with this layout{% endif %} + + {% if prefs.layout == "old" || prefs.layout == "waterfall" %}ⓘ Wide UI is required for this layout{% endif %}
diff --git a/templates/utils.html b/templates/utils.html index 10f28a0..8d4da34 100644 --- a/templates/utils.html +++ b/templates/utils.html @@ -225,7 +225,7 @@ {{ post.title }}{% if post.flags.nsfw %} NSFW{% endif %} - {% if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "mosaic") && post.post_type == "image" %} + {% if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "waterfall") && post.post_type == "image" %}
{% if post.media.height == 0 || post.media.width == 0 %} @@ -245,11 +245,11 @@ {% endif %}
- {% else if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "mosaic") && post.post_type == "gif" %} + {% else if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "waterfall") && post.post_type == "gif" %}
- {% else if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "mosaic") && post.post_type == "video" %} + {% else if (prefs.layout.is_empty() || prefs.layout == "card" || prefs.layout == "waterfall") && post.post_type == "video" %} {% if prefs.use_hls == "on" && !post.media.alt_url.is_empty() %}