SheWhoReignsSupreme/Equicord
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WebPWA: fix titlebar being hidden outside of PWA

Browse source
This commit is contained in:
Vendicated 2026-08-17 23:27:25 +02:00
parent 32b463059b
commit ef29bbeb61
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
1 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/plugins/webPWA.browser/styles.css
View file

@ -1,21 +1,23 @@
:root {
/* opt out of auto-dark-mode plugins, which break discord css, such as force-dark, dark-reader etc */
color-scheme: only light;
/* force title bar to be same as WCO bar height, regardless of zoom, device pixel ratio or OS */
/* is only set when WCO is defined, otherwise sets to 0 */
--custom-app-top-bar-height: env(titlebar-area-height, 0px) !important;
/* opt out of auto-dark-mode plugins, which break discord css, such as force-dark, dark-reader etc */
color-scheme: only light;
}
/* position trailing titlebar elements alongside WCO */
[class*="bar_"] [class*="trailing_"] {
padding-right: calc(100vw - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px));
@media all and not (display-mode: browser) {
:root {
/* force title bar to be same as WCO bar height, regardless of zoom, device pixel ratio or OS, is only set when WCO is defined, otherwise sets to 0 */
--custom-app-top-bar-height: env(titlebar-area-height, 0px) !important;
}
/* position trailing titlebar elements alongside WCO */
[class*="bar_"] [class*="trailing_"] {
padding-right: calc(100vw - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px));
}
}
/* force hide trailing icons when standalone so there's no ugly pixel overflow */
@media all and (display-mode: standalone) {
[class*="bar_"] [class*="trailing_"] {
display: none;
}
[class*="bar_"] [class*="trailing_"] {
display: none;
}
}