From dfd6d4dcf7e921dcf58e68dbe747844586871245 Mon Sep 17 00:00:00 2001 From: albertlast Date: Tue, 8 Sep 2026 07:12:19 +0200 Subject: [PATCH] Clears the post sections with inline-end index.css clears .signature, .attachments, .under_message and the two custom field blocks in one rule, and rtl.css mirrored three of the five. clear: inline-end follows the writing direction, so the override is no longer needed and all five behave the same way as each other. The two that rtl.css did not mirror change side in a right-to-left language, which is why wave 8 left this group alone. It turns out not to matter, because the clear does nothing to any of the five: the same rule gives them width: 100% and overflow: auto, and a box with its own block formatting context does not overlap a preceding float. At full width it cannot sit beside one either, so it is already pushed below - which is what the clear was asking for. Measured rather than assumed. Toggling clear through none, left, right and both on all five, in both writing directions and at 1280px, 700px and 470px wide, moves none of them by a single pixel. Only .under_message renders on the test forum's posts, so the other four were injected into the live document to be measured. Then the usual sweep of 18 pages, recording clear, float, display and the bounding rectangle of every element, before and after, back to back: - left-to-right: 4732 elements, one difference, the clear keyword itself - right-to-left: 4732 elements, one difference, the same keyword No geometry changed in either direction. The right-to-left case is the one that matters, since that is where two of the five swap the side they clear. rtl.css goes from 366 lines to 361. Co-Authored-By: Claude Opus 5 Signed-off-by: albertlast --- Themes/default/css/index.css | 2 +- Themes/default/css/rtl.css | 5 ----- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/Themes/default/css/index.css b/Themes/default/css/index.css index 1aacb25c8c..9993e6c28a 100644 --- a/Themes/default/css/index.css +++ b/Themes/default/css/index.css @@ -3751,7 +3751,7 @@ form#postmodify .roundframe { .custom_fields_below_signature { width: 100%; overflow: auto; - clear: right; + clear: inline-end; padding: 12px 0 3px 0; border-top: var(--postsection-border-width) var(--postsection-border-style) var(--postsection-border-color); box-shadow: var(--postsection-box-shadow); diff --git a/Themes/default/css/rtl.css b/Themes/default/css/rtl.css index 99832f00c0..f124add28e 100644 --- a/Themes/default/css/rtl.css +++ b/Themes/default/css/rtl.css @@ -8,11 +8,6 @@ margin-left: 0.25em; } -/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ -.signature, .attachments, .custom_fields_above_signature { - clear: left; -} - /* the page navigation area */ .main_icons.move::before, .main_icons.next_page::before { background-position: -31px -57px;