Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
60 lines
2.1 KiB
CSS
60 lines
2.1 KiB
CSS
.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%;
|
|
}
|
|
|