Overlay headerbar on fullscreen (#677)

Headerbar will appear as overlay instead of taking up web content space just as it happens in the gnome web
This commit is contained in:
Cleo Menezes Jr 2023-12-10 00:44:13 -03:00 committed by Rafael Mardojai CM
parent 4e2e05542b
commit b80b75d0a7
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
1 changed files with 19 additions and 1 deletions

View File

@ -21,9 +21,27 @@
fill: var(--gnome-toolbar-color) !important;
fill-opacity: 0.2 !important;
-moz-context-properties: fill, fill-opacity;
}
}
/* Hide tabsbar default private browsing indicator */
#private-browsing-indicator-with-label {
display: none !important;
}
/* Overlay headerbar on fullscreen */
#navigator-toolbox[inFullscreen] {
position: fixed !important;
transition: margin 300ms ease-in-out 0s !important;
line-height: 0;
z-index: 1;
width: 100vw;
}
#navigator-toolbox[inFullscreen]:hover,
#navigator-toolbox[inFullscreen]:focus-within {
margin-top: 0 !important;
}
#navigator-toolbox[inFullscreen] > * {
line-height: normal;
}