make buttons thinner on compact mode

This commit is contained in:
bmFtZQ 2021-04-13 02:53:53 +08:00 committed by GitHub
parent 1c5a357505
commit 68d3c9e235
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -5,20 +5,21 @@
#PersonalToolbar #PersonalToolbar
{ {
padding-top: 0 !important; padding-top: 0 !important;
padding-inline-end: 12px !important; padding-inline: 6px 12px !important;
margin-top: -2px !important; margin-top: -2px !important;
background: var(--toolbar-bgcolor) !important; background: var(--toolbar-bgcolor) !important;
clip-path: inset(2px 0 0 0); clip-path: inset(2px 0 0 0);
} }
#navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) #navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{ {
width: 28px !important; width: 28px !important;
height: 28px !important; height: 28px !important;
} }
#navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) #navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{ {
padding: 6px !important; padding: 6px !important;
background: 0 !important; background: 0 !important;
} }
:root[uidensity="compact"] #PersonalToolbar {
padding-inline: 4px 6px !important;
}