radiomenuitem: add custom icon, fix #68

This commit is contained in:
Rafael Mardojai CM 2019-08-11 08:29:35 -05:00
parent 9fe8ddd0ee
commit 4c58383f00
3 changed files with 22 additions and 1 deletions

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g color="#bebebe" font-weight="400" font-family="Andale Mono" fill="#474747">
<path d="M8 5C6.344 5 5 6.344 5 8s1.344 3 3 3 3-1.344 3-3-1.344-3-3-3z" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" overflow="visible"/>
<path d="M8.004 1C4.144 1 1 4.144 1 8.004c0 3.86 3.144 7.006 7.004 7.006 3.86 0 7.006-3.146 7.006-7.006C15.01 4.144 11.864 1 8.004 1zm0 1a6.002 6.002 0 0 1 6.006 6.004 6.004 6.004 0 0 1-6.006 6.006A6.002 6.002 0 0 1 2 8.004 6 6 0 0 1 8.004 2z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" white-space="normal" overflow="visible"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M8 1C4.142 1 1 4.142 1 8s3.142 7 7 7 7-3.142 7-7-3.142-7-7-7zm0 1c3.316 0 6 2.684 6 6s-2.684 6-6 6-6-2.684-6-6 2.684-6 6-6z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" white-space="normal" overflow="visible" fill="#474747"/>
</svg>

After

Width:  |  Height:  |  Size: 745 B

View File

@ -116,7 +116,7 @@ treechildren::-moz-tree-twisty(selected, focus, open) {
list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
}
/* Menu checkbutton */
/* Menu checkbox */
menuitem[type="checkbox"] {
list-style-image: url("../icons/checkbox-symbolic.svg") !important;
}
@ -127,6 +127,17 @@ menuitem[type="checkbox"]:hover .menu-iconic-icon {
filter: invert(100%) brightness(200%);
}
/* Menu radio */
menuitem[type="radio"] {
list-style-image: url("../icons/radio-symbolic.svg") !important;
}
menuitem[type="radio"][checked="true"] {
list-style-image: url("../icons/radio-checked-symbolic.svg") !important;
}
menuitem[type="radio"]:hover .menu-iconic-icon {
filter: invert(100%) brightness(200%);
}
/* Close button */
.close-icon:not(.tab-close-button),
.identity-popup-permission-remove-button .button-icon {
@ -293,6 +304,7 @@ menuitem[type="checkbox"]:hover .menu-iconic-icon {
#viewButton .button-menu-dropmarker,
menuitem[type="checkbox"] .menu-iconic-icon,
menuitem[type="radio"] .menu-iconic-icon,
.close-icon:not(.tab-close-button) image,