limit button styles to role=menuitem

This commit is contained in:
MrOtherGuy 2019-11-06 13:55:39 +02:00
parent 51f3030d0e
commit f13cf6b317

View file

@ -20,21 +20,22 @@
backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */ backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */
} }
button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; }
.arrow, .arrow,
.more-options-button, .more-options-menu>.more-options-button,
panel-item[action="expand"]{ display: none !important } panel-item[action="expand"]{ display: none !important }
div.list{ display: flex !important; flex-direction: row !important; } div.list{ display: flex !important; flex-direction: row !important; }
button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; }
panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") }
panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") } panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") }
/* Uncomment these if you want to hide button label - such as with compact_addons_manager */ /* Uncomment these if you want to hide button label - such as with compact_addons_manager */
/* /*
button > slot{ display: none !important; } button[role="menuitem"] > slot{ display: none !important; }
link+button{ link+button[role="menuitem"]{
padding: 4px !important; padding: 4px !important;
position: static !important; position: static !important;
width: 30px !important; width: 30px !important;
@ -44,4 +45,4 @@
button[role="menuitem"] > label, button[role="menuitem"] > label,
link+button::after{ display: none !important; } link+button::after{ display: none !important; }
*/ */
} }