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

Update tabbar.css

Browse source 
fix tab corner
This commit is contained in:
transtone 2023-08-02 22:02:09 +08:00 • committed by GitHub
parent afe59d6d96
commit 2f60114309
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
chrome/toolbar/tabbar.css
View file

@ -15,7 +15,7 @@
:root #titlebar { :root #titlebar {
--tab-min-height: 32px !important; --tab-min-height: 32px !important;
--inline-tab-padding: 11px !important; --inline-tab-padding: 11px !important;
--tab-border-radius: 8px !important; --tab-border-radius: 4px !important;
--uc-toolbarbutton-inner-padding: 6px !important; --uc-toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-border-radius: 4px !important; --toolbarbutton-border-radius: 4px !important;
@ -65,9 +65,9 @@
content: "" !important; content: "" !important;
display: block !important; display: block !important;
position: absolute !important; position: absolute !important;
width: 8px !important; width: 6px !important;
height: 8px !important; height: 6px !important;
bottom: 0 !important; bottom: -1px !important;
pointer-events: none !important; pointer-events: none !important;
clip-path: inset(0); clip-path: inset(0);
} }
@ -75,14 +75,14 @@
.tab-background::before { .tab-background::before {
border-bottom-right-radius: var(--tab-border-radius) !important; border-bottom-right-radius: var(--tab-border-radius) !important;
left: 0 !important; left: 0 !important;
transform: translateX(-8px) !important; transform: translateX(-6px) !important;
box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important; box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important;
} }
.tab-background::after { .tab-background::after {
border-bottom-left-radius: var(--tab-border-radius) !important; border-bottom-left-radius: var(--tab-border-radius) !important;
right: 0 !important; right: 0 !important;
transform: translateX(8px) !important; transform: translateX(6px) !important;
box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important; box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important;
} }