fenix-fox/content/addon_manage_buttons_without_popup.css
2020-06-23 21:01:38 +03:00

54 lines
2.3 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/addon_manage_buttons_without_popup.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Show addon management buttons without opening popup */
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){
.addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; }
.card.addon{ padding-bottom: 0px !important; }
addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op"; grid-template-columns: 48px auto }
addon-card .card-contents{ width: initial !important; white-space: initial !important; }
.more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; }
.card-contents{ grid-area: con }
.card-heading-icon{ grid-area: ic }
plugin-options > panel-list,
addon-options > panel-list{
position: static !important;
display: flex !important;
padding: 0 !important;
margin: 0px calc(0px - var(--card-padding)) !important;
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,
.more-options-menu > .more-options-button,
.addon-name-container > .more-options-button,
panel-item[action="expand"]{ display: none !important }
div.list{ display: inherit !important; flex-direction: row !important; }
panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") }
panel-item[action="preferences"]{ --icon: url("chrome://global/skin/icons/settings.svg") }
/* Uncomment these if you want to hide button label - such as with compact_addons_manager */
/* This is basically a requirement with compact_addons_manager.css because the button text causes the cards to overflow */
/*
button[role="menuitem"] > slot{ display: none !important; }
link+button[role="menuitem"]{
position: static !important;
height: 30px !important;
min-width: 30px;
padding-inline-end: 4px !important;
}
button[role="menuitem"] > label:not([accesskey]),
link+button::after{ display: none !important; }
*/
}