VulpesOS/gaia/apps/system/style/app_titlebar.css
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

60 lines
2.1 KiB
CSS
Executable file

.appWindow .titlebar {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: var(--statusbar-height);
overflow: hidden;
z-index: 6;
}
.appWindow .titlebar .statusbar-shadow {
height: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
}
html[dir="ltr"] .appWindow .titlebar .statusbar-shadow { background-position: bottom right; }
html[dir="rtl"] .appWindow .titlebar .statusbar-shadow { background-position: bottom left; }
#screen:not(.attention):not(.rocketbar-focused):not(.utility-tray):not(.locked) #statusbar.light,
#screen:not(.rocketbar-focused):not(.utility-tray):not(.locked) .appWindow.light > .titlebar .statusbar-shadow {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in=\'SourceGraphic\' color-interpolation-filters=\'sRGB\' type=\'matrix\' values=\'1 -1 0.3019 0 0 0 0.3019 0 0 0 0 0 0.3019 0 0 0 0 0 1 0\'/></filter></svg>#invert");
}
.appWindow:not(.lockScreenWindow) .titlebar .notifications-shadow {
background-image: -moz-element(#ambient-indicator);
width: 100%;
position: absolute;
top: 0;
height: .2rem;
}
/* Statusbar shadow hidden by default */
.appWindow .titlebar {
visibility: hidden;
}
/* Statusbar shadow visible on app transitions */
.appWindow.transition-opening > .titlebar,
.appWindow.transition-opening > .titlebar > .titlebar-icons,
.appWindow.transition-closing > .titlebar,
.appWindow.transition-closing > .titlebar > .titlebar-icons,
/* Statusbar shadow visible on edge gestures */
.appWindow.inside-edges > .titlebar,
.appWindow.outside-edges-right > .titlebar,
.appWindow.outside-edges-left > .titlebar,
.appWindow.will-become-active > .titlebar,
/* Statusbar shadow visible on utility tray transitions */
#screen.utility-tray-in-transition .appWindow > .titlebar,
/* Statusbar shadow visible on fullscreen dragging */
#screen:not(.minimized-tray) .appWindow > .chrome.dragging + .titlebar > .titlebar-icons {
visibility: visible;
}
.appWindow > .titlebar .titlebar-icons {
position: absolute;
right: 0;
background-image: -moz-element(#statusbar-wrapper);
width: 100%;
}