mirror of
https://github.com/wukko/cobalt.git
synced 2025-02-27 05:28:49 +01:00
web/layout: don't use sign() in chrome cuz it's not supported there
This commit is contained in:
parent
5fa5a0e7cb
commit
910e889f60
1 changed files with 6 additions and 0 deletions
|
@ -78,6 +78,7 @@
|
||||||
<div
|
<div
|
||||||
id="cobalt"
|
id="cobalt"
|
||||||
class:loaded={browser}
|
class:loaded={browser}
|
||||||
|
data-chrome={device.browser.chrome}
|
||||||
data-iphone={device.is.iPhone}
|
data-iphone={device.is.iPhone}
|
||||||
data-reduce-motion={reduceMotion}
|
data-reduce-motion={reduceMotion}
|
||||||
data-reduce-transparency={reduceTransparency}
|
data-reduce-transparency={reduceTransparency}
|
||||||
|
@ -253,6 +254,11 @@
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* fall back to less pretty value cuz chrome doesn't support sign() */
|
||||||
|
:global([data-chrome]) {
|
||||||
|
--sidebar-height-mobile: calc(50px + env(safe-area-inset-bottom));
|
||||||
|
}
|
||||||
|
|
||||||
:global([data-theme="light"] [data-reduce-transparency="true"]) {
|
:global([data-theme="light"] [data-reduce-transparency="true"]) {
|
||||||
--dialog-backdrop: rgba(255, 255, 255, 0.6);
|
--dialog-backdrop: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue