LotusGuild/tinker_tickets
4
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix header overlap at all breakpoints — restore lt-main padding-top

Browse Source 
Every media query that overrides .lt-container { padding } with a shorthand
was clobbering .lt-main { padding-top } because both selectors have equal
specificity and the container rule came later in the file. Added .lt-main
padding-top restores after each affected breakpoint (LG 1024-1279px, MD
768-1023px, 1920px+). The laptop range (LG) was the likely culprit on desktop.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jared Vititoe
2026-04-01 17:41:33 -04:00
parent e91709798b
commit 6102985f92
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/base.css
+6
View File
@@ -2008,6 +2008,8 @@ select option:checked {
@media (max-width: 1279px) { @media (max-width: 1279px) {
.lt-grid-4 { grid-template-columns: repeat(2, 1fr); } .lt-grid-4 { grid-template-columns: repeat(2, 1fr); }
.lt-container { padding: var(--space-lg); } .lt-container { padding: var(--space-lg); }
/* Restore header clearance after lt-container shorthand overrides padding-top */
.lt-main { padding-top: calc(var(--header-height) + var(--space-lg)); }
} }
@@ -2019,6 +2021,8 @@ select option:checked {
.lt-grid-3, .lt-grid-4 { grid-template-columns: repeat(2, 1fr); } .lt-grid-3, .lt-grid-4 { grid-template-columns: repeat(2, 1fr); }
.lt-stats-grid { grid-template-columns: repeat(2, 1fr); } .lt-stats-grid { grid-template-columns: repeat(2, 1fr); }
.lt-container { padding: var(--space-md) var(--space-lg); } .lt-container { padding: var(--space-md) var(--space-lg); }
/* Restore header clearance after lt-container shorthand overrides padding-top */
.lt-main { padding-top: calc(var(--header-height) + var(--space-md)); }
.lt-header { padding: 0 var(--space-lg); } .lt-header { padding: 0 var(--space-lg); }
/* Sidebar becomes off-canvas on tablets */ /* Sidebar becomes off-canvas on tablets */
@@ -2241,6 +2245,8 @@ select option:checked {
.lt-stats-grid { grid-template-columns: repeat(6, 1fr); } .lt-stats-grid { grid-template-columns: repeat(6, 1fr); }
.lt-grid-4 { grid-template-columns: repeat(4, 1fr); } .lt-grid-4 { grid-template-columns: repeat(4, 1fr); }
.lt-container { padding: var(--space-xl) var(--space-2xl); } .lt-container { padding: var(--space-xl) var(--space-2xl); }
/* Restore header clearance after lt-container shorthand overrides padding-top */
.lt-main { padding-top: calc(var(--header-height) + var(--space-xl)); }
} }