make buttons thinner on compact mode
This commit is contained in:
parent
1c5a357505
commit
68d3c9e235
1 changed files with 4 additions and 3 deletions
|
@ -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;
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue