dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

taskbar handles many open windows: shrink buttons, scroll on overflow, keep active in view

Browse source
This commit is contained in:
Martin Dvořák 2026-09-24 07:25:09 +00:00
commit 338146671b
3 changed files with 54 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/app/skeuo.css
View file

@ -1106,13 +1106,35 @@ a.win-icon {
gap: 2px;
padding: 4px 4px;
min-width: 0;
overflow: hidden;
position: relative;
/* Grow into the free space, then shrink the buttons, then scroll once even
the shrunken buttons no longer fit (see .win-tb-btn min-width). */
flex: 1 1 auto;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}
.win-tb-buttons::-webkit-scrollbar {
height: 4px;
}
.win-tb-buttons::-webkit-scrollbar-track {
background: transparent;
}
.win-tb-buttons::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.28);
border-radius: 2px;
}
.win-tb-buttons::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.45);
}
.win-tb-btn {
position: relative;
display: flex;
align-items: center;
gap: 7px;
flex: 0 1 auto;
min-width: 0;
max-width: 172px;
padding: 0 10px;
border: 1px solid transparent;
@ -1182,6 +1204,7 @@ a.win-icon {
}
.win-tb-btn-label {
font-size: 0.75rem;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;