From 5e36d0745f18d7a140e3e47c85654320f15cc8a0 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 8 Dec 2021 14:05:54 +0900 Subject: [PATCH] Fix: Setting icon at Syced tabs panel `PanelUI-remotetabs-buttons` --- userChrome.css | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index aa899f1..2ce5c58 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4043,13 +4043,29 @@ tab[visuallyselected] > stack::after { #PanelUI-fxa-menu-sendtab-button { list-style-image: url("./icons/send-to-device.svg"); } -#PanelUI-fxa-menu-sync-prefs-button, -#PanelUI-remotetabs-view-managedevices { +#PanelUI-fxa-menu-sync-prefs-button { list-style-image: url("chrome://global/skin/icons/settings.svg"); } #PanelUI-fxa-menu-account-signout-button { list-style-image: url("./icons/sign-out.svg"); } +#PanelUI-remotetabs-view-managedevices::before { + /* Box */ + content: ""; + padding-inline-end: 16px; + padding-block: 1px; + margin-inline-end: var(--arrowpanel-menuicon-padding); + + /* Color */ + fill: currentColor; + fill-opacity: var(--toolbarbutton-icon-fill-opacity); + -moz-context-properties: fill; + + background-size: 16px; + background-repeat: no-repeat; + background-position: left center; + background-image: url("chrome://global/skin/icons/settings.svg"); +} .PanelUI-remotetabs-notabsforclient-label { margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;