mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-05 10:53:59 +00:00
refactor(cockpit): share one header frame between the Cockpit cards
The Contact and briefing cards' headers repeated the same frame: the title grid over a hairline, the accent kicker and the square action buttons. It lives in cockpit-card-header, cockpit-card-kicker and cockpit-card-actions now, beside each card's own classes, which keep only their spacing and sizes; the cyber theme targets the shared classes. The computed styles of every header element are unchanged in the default and cyber themes, expanded and collapsed.
This commit is contained in:
1 parent
2e43bd9985
commit
f269f5be4f
5 files changed
+42
-60
No files matched your search
@@ -2510,15 +2510,13 @@
|
||||
);
|
||||
}
|
||||
|
||||
:root[data-ui-theme='cyber']
|
||||
body.cockpit-mode
|
||||
:is(.cockpit-context-header, .cockpit-signal-header) {
|
||||
:root[data-ui-theme='cyber'] body.cockpit-mode .cockpit-card-header {
|
||||
border-bottom-color: rgba(105, 203, 209, 0.25);
|
||||
}
|
||||
|
||||
:root[data-ui-theme='cyber']
|
||||
body.cockpit-mode
|
||||
:is(.cockpit-context-kicker, .cockpit-signal-kicker, .cockpit-route-kicker) {
|
||||
:is(.cockpit-card-kicker, .cockpit-route-kicker) {
|
||||
color: var(--cockpit-caution);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user