0cc35c95b4
Adds a third layout mode (TABBED) alongside HORIZONTAL and VERTICAL accordion modes. In tabbed mode, only the active tab window is visible and a slim tab bar at the top of the container shows all windows with click-to-switch. Keybinding: Ctrl+/ to toggle.
34 lines
887 B
CSS
34 lines
887 B
CSS
/* ─── Tab Bar ─────────────────────────────────────────────────────────────── */
|
|
|
|
.aerospike-tab-bar {
|
|
background-color: rgba(30, 30, 30, 0.95);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
|
spacing: 1px;
|
|
padding: 2px 2px 0 2px;
|
|
}
|
|
|
|
.aerospike-tab {
|
|
background-color: rgba(50, 50, 50, 0.8);
|
|
border-radius: 6px 6px 0 0;
|
|
padding: 2px 12px;
|
|
margin: 0 1px;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.aerospike-tab:hover {
|
|
background-color: rgba(70, 70, 70, 0.9);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.aerospike-tab-active {
|
|
background-color: rgba(80, 80, 80, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.aerospike-tab-label {
|
|
font-size: 11px;
|
|
}
|