AprilSylph / XKit-Rewritten

🧰 The enhancement suite for Tumblr's new web interface
GNU General Public License v3.0
274 stars 44 forks source link

Tweaks: Fix "Caught-up line" not appearing on mobile devices #1427

Closed marcustyphoon closed 2 months ago

marcustyphoon commented 3 months ago

Description

As per the linked issue, this fixes an issue where the ≤540px-width mobile layout caused the line indicator created by the Turn the Changes/Shop/etc. links carousel into a separating line tweak not to appear. This is due to the Tumblr frontend hiding timeline elements with less than a certain height value, and that value not changing with the reduced spacing when the layout changes.

This adds 2px of spacing above and below the line in this layout to fix this. (3px is the total required, but that wouldn't be symmetrical.)

Resolves #1398.

Testing steps