From a3e6335afab5a114c79e77d60e060c658a0e0464 Mon Sep 17 00:00:00 2001 From: Timothy Flynn Date: Wed, 27 May 2026 12:18:35 -0400 Subject: [PATCH] LibWebView: Properly hide filtered advanced settings The gap between card groups and their separators would still paint when one of the groups were hidden. We now only add the gap/separator between unhidden groups. We must also add !important to the `hidden` class to ensure it overrides other class rules (it was previously resolving with `display: flex`). --- Base/res/ladybird/about-pages/webui.css | 4 ++-- Base/res/ladybird/ladybird.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Base/res/ladybird/about-pages/webui.css b/Base/res/ladybird/about-pages/webui.css index 3dacc8bde5..47503129a7 100644 --- a/Base/res/ladybird/about-pages/webui.css +++ b/Base/res/ladybird/about-pages/webui.css @@ -67,11 +67,11 @@ header img { margin: 0 8px 16px 8px; } -.card-group + .card-group { +.card-group:not(.hidden) ~ .card-group:not(.hidden) { margin-top: 16px; } -.card-separator + .card-separator { +.card-separator:not(.hidden) ~ .card-separator:not(.hidden) { border-top: 1px solid var(--border-color); padding-top: 16px; } diff --git a/Base/res/ladybird/ladybird.css b/Base/res/ladybird/ladybird.css index 321a532151..87be11f722 100644 --- a/Base/res/ladybird/ladybird.css +++ b/Base/res/ladybird/ladybird.css @@ -72,8 +72,8 @@ body { } .hidden { - display: none; - opacity: 0; + display: none !important; + opacity: 0 !important; } /**