m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(trip): give Stats/Cycling panel toggles a square bordered style

Browse Source 
Border + 4px radius instead of borderless text, matching the visual
weight of the filter pills without the full pill roundness.
Active state gets teal border + accent-light background like other active controls.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-21 23:03:56 +02:00
parent 2b8ea1963b
commit c3cb224402
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+15 -7
View File
@@ -966,9 +966,10 @@ body::after {
} }
.trip-panel-toggle { .trip-panel-toggle {
background: none; background: transparent;
border: none; border: 1px solid var(--color-border);
padding: 0; border-radius: var(--radius-sm);
padding: var(--space-1) var(--space-3);
font-family: var(--font-ui); font-family: var(--font-ui);
font-size: var(--text-sm); font-size: var(--text-sm);
font-weight: 500; font-weight: 500;
@@ -976,12 +977,19 @@ body::after {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-1); gap: var(--space-2);
transition: color 0.15s; transition: color 0.15s, border-color 0.15s, background 0.15s;
} }
.trip-panel-toggle:hover { color: var(--color-ink); } .trip-panel-toggle:hover {
.trip-panel-toggle.is-active { color: var(--color-accent); } color: var(--color-ink);
border-color: var(--color-ink-muted);
}
.trip-panel-toggle.is-active {
color: var(--color-accent);
border-color: var(--color-accent);
background: var(--color-accent-light);
}
.trip-panel-caret { .trip-panel-caret {
display: inline-block; display: inline-block;