Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix website fullscreen issue with rounded corners

Browse source
This commit is contained in:
bmFtZQ 2023-11-23 16:08:15 +08:00
parent f793e2f83d
commit 15270505be
1 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
chrome/global/browser.css
View file

@ -26,6 +26,7 @@
--uc-tweak-rounded-corners-padding: 3px;
--uc-tweak-rounded-corners-border: 1px;
--uc-tweak-rounded-corners-radius: 8px;
--uc-tweak-rounded-corners-shadow: 0px 1px 2px rgb(0 0 0 / .1);
& #browser:not([style*="--sidebar-border-color"]) {
--sidebar-border-color: light-dark(#bfbfbf80, #595959) !important;
@ -33,10 +34,12 @@
}
/* disable rounded corners in fullscreen, only if the toolbar is hidden */
:root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser {
:root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser,
:root[inDOMFullscreen] #browser {
--uc-tweak-rounded-corners-padding: 0;
--uc-tweak-rounded-corners-border: 0;
--uc-tweak-rounded-corners-radius: 0;
--uc-tweak-rounded-corners-shadow: none;
}
#appcontent {
@ -44,8 +47,8 @@
margin-block-end: var(--uc-tweak-rounded-corners-padding);
border-radius: var(--uc-tweak-rounded-corners-radius);
overflow: hidden;
border: 1px solid rgb(0 0 0 / .1);
box-shadow: 0px 1px 2px rgb(0 0 0 / .1);
border: var(--uc-tweak-rounded-corners-border) solid rgb(0 0 0 / .1);
box-shadow: var(--uc-tweak-rounded-corners-shadow);
}
@ -55,7 +58,7 @@
margin-block-end: var(--uc-tweak-rounded-corners-padding) !important;
border-radius: var(--uc-tweak-rounded-corners-radius) !important;
overflow: hidden !important;
border: 1px solid rgb(0 0 0 / .1);
border: var(--uc-tweak-rounded-corners-border) solid rgb(0 0 0 / .1);
&[positionend] {
margin-inline-start: 0 !important;