update custom_menupopup_check_icons.css to work well in Firefox 103
This has only been tested on Windows10 with non-native menus.
This commit is contained in:
parent
7425885cb1
commit
6c7abad64e
1 changed files with 31 additions and 15 deletions
|
@ -1,19 +1,35 @@
|
||||||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/custom_menupopup_check_icons.css made available under Mozilla Public License v. 2.0
|
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/custom_menupopup_check_icons.css made available under Mozilla Public License v. 2.0
|
||||||
See the above repository for updates as well as full license text. */
|
See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
menuitem:is([type="checkbox"],[type="radio"]) .menu-iconic-left{
|
/* Modifies appearance of menupopup check icons to more clearly show if the item is a radio or checkbox item */
|
||||||
|
|
||||||
|
menuitem:is([type="checkbox"],[type="radio"]){
|
||||||
|
padding-inline-start: 12px !important;
|
||||||
|
}
|
||||||
|
menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left{
|
||||||
-moz-appearance: none !important;
|
-moz-appearance: none !important;
|
||||||
|
outline: 1px solid color-mix(in srgb,currentColor 20%, transparent);
|
||||||
|
border-radius: 3px;
|
||||||
|
width: 14px !important;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
margin-block: 4px;
|
margin-inline: 0px 8px !important;
|
||||||
margin-inline: 3px 8px !important;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
-moz-context-properties: fill;
|
-moz-context-properties: fill;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
menuitem[type="radio"] > .menu-iconic-left{
|
||||||
menuitem[checked] .menu-iconic-left{
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
menuitem[type="radio"][checked] > .menu-iconic-left{
|
||||||
|
background-image: radial-gradient( AccentColor 40%, transparent 50%);
|
||||||
|
list-style-image: none !important;
|
||||||
|
}
|
||||||
|
menuitem[type="checkbox"][checked] > .menu-iconic-left{
|
||||||
background-image: url("chrome://global/skin/icons/check.svg");
|
background-image: url("chrome://global/skin/icons/check.svg");
|
||||||
background-color: transparent
|
|
||||||
}
|
}
|
Loading…
Reference in a new issue