mirrors/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-11-11 08:48:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): keep compact tab icons visible (#49460)

Browse Source
This commit is contained in:
David Hill
2026-09-17 00:48:47 -06:00
committed by GitHub
Unverified
parent f28d1b44e3
commit a5b3802ca3
1 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/shell/titlebar/tab-nav.css
+25 -10
View File
@@ -218,22 +218,30 @@
}
}
@container (max-width: 64px) {
@container (44px < width <= 64px) {
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):is(:hover, [data-active="true"])
[data-slot="tab-link"] {
-webkit-mask-image: none;
mask-image: none;
}
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):is(:hover, [data-active="true"])
[data-titlebar-tab-title] {
visibility: hidden;
}
}
@container (max-width: 44px) {
[data-titlebar-tab]:not([data-orientation="vertical"]) [data-titlebar-tab-link] {
justify-content: center;
gap: 0;
padding-inline: 0;
}
@media (hover: none) {
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]) [data-slot="tab-link"],
[data-titlebar-tab][data-title-overflow="true"]:not([data-orientation="vertical"]):not([data-editing="true"]):dir(
rtl
)
[data-slot="tab-link"] {
-webkit-mask-image: none;
mask-image: none;
}
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]) [data-slot="tab-link"],
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):dir(rtl) [data-slot="tab-link"] {
-webkit-mask-image: none;
mask-image: none;
}
[data-titlebar-tab]:not([data-orientation="vertical"]) [data-titlebar-tab-title] {
@@ -244,6 +252,13 @@
display: none;
}
@media (hover: hover) {
[data-titlebar-tab]:not([data-orientation="vertical"]):not(:hover):not(:has(:focus-visible))
[data-slot="tab-close"] {
display: none;
}
}
[data-titlebar-tab]:not([data-orientation="vertical"]) [data-slot="tab-close"] {
right: auto;
left: 50%;