mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-07 19:28:44 +01:00
0fbb42863c
This adds a new global atom to track whether a window is in full screen. It also updates the behavior of the tab bar so that it will only add an extra left indent on macOS windows that are not in full screen. Otherwise, the indent will be much smaller.
77 lines
1.8 KiB
Plaintext
77 lines
1.8 KiB
Plaintext
// Copyright 2024, Command Line Inc.
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
.tab-bar-wrapper {
|
|
--default-indent: 10px;
|
|
--darwin-not-fullscreen-indent: 74px;
|
|
}
|
|
|
|
.darwin:not(.fullscreen) .tab-bar-wrapper {
|
|
.tab-bar {
|
|
margin-left: var(--darwin-not-fullscreen-indent);
|
|
}
|
|
|
|
.window-drag.left {
|
|
width: var(--darwin-not-fullscreen-indent);
|
|
}
|
|
}
|
|
|
|
.tab-bar-wrapper {
|
|
position: relative;
|
|
// border-bottom: 1px solid var(--border-color);
|
|
user-select: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
.tab-bar {
|
|
position: relative; // Needed for absolute positioning of child tabs
|
|
margin-left: var(--default-indent);
|
|
height: 33px;
|
|
// 36 is the width of add tab button
|
|
// 100 is offset from the left, for macOS window controls and dragging
|
|
// 50 right offset for dragging
|
|
// minus 1px for last tab right border
|
|
width: calc(100vw - 185px);
|
|
}
|
|
|
|
.add-tab-btn {
|
|
width: 22px;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
user-select: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 0.5;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
i {
|
|
overflow: hidden;
|
|
margin-top: 5px;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
.window-drag {
|
|
position: absolute;
|
|
height: 100%;
|
|
}
|
|
|
|
// Customize scrollbar styles
|
|
.os-theme-dark,
|
|
.os-theme-light {
|
|
box-sizing: border-box;
|
|
--os-size: 2px;
|
|
--os-padding-perpendicular: 0px;
|
|
--os-padding-axis: 0px;
|
|
--os-track-border-radius: 2px;
|
|
--os-handle-interactive-area-offset: 0px;
|
|
--os-handle-border-radius: 2px;
|
|
}
|
|
}
|