MozillaZine

[Ext] Status-4-Evar 2017.03.19.12b

Announce and Discuss the Latest Theme and Extension Releases.
Johan_et_Pirlouit
 
Posts: 6
Joined: October 18th, 2004, 12:22 pm

Post Posted September 5th, 2017, 4:19 pm

Jack Black wrote:@Grg68 and anyone interested: the following CSS code will fix missing icons in S4E preferences, provided you add it to Stylish or similar (or directly in S4E CSS if you're either running a Fx version with no signing requirement or sign the add-on afterwards).

Code: Select all
@-moz-document url(chrome://status4evar/content/prefs.xul) {
    radio[pane="status4evar-pane-addonbar"] {
        list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg")!important
    }
    radio[pane="status4evar-pane-advanced"] {
        list-style-image: url("chrome://browser/skin/preferences/in-content/favicon.ico")!important;
        -moz-image-region: auto!important
    }
    radio[pane="status4evar-pane-status"] {
        list-style-image: url("chrome://global/skin/icons/info.svg")!important
    }
}

Hi Jack Black, thanx for this tip! For me it works like a charm using the Custom CSS section of Classic Theme Restorer :D ..

So, a little question: would you know how to do the same with the toolbar button provided by S4E? Because I use FF55 and S4E 2017.08.20.15 and the download arrow stays invisible into the button, only the overlay download bar is visible when any download is active :-k ...

Grg68

User avatar
 
Posts: 37
Joined: January 21st, 2011, 12:36 pm
Location: Greece, island of Crete, Chania

Post Posted September 10th, 2017, 6:28 pm

Hi all,

The code below is my small contribution in this beloved extension and to all those, like me,
who miss the icon of the download button of S4E and its functionality.

This code addresses this issue of missing icon, specifically in firefox 55 (maybe it works in 56 too)
and i have test it only in windows 7/10 and in linux mint.

You can apply it with Stylish, the "Custom css code" of "Classic Theme Restorer" or you can
put it in your "userChrome.css".
Code: Select all
#status4evar-download-button:not([attention]) #status4evar-download-icon {
   list-style-image: url("chrome://browser/skin/download.svg") !important;
   -moz-image-region: auto !important;
}
toolbar[brighttext] #status4evar-download-button:not([attention])[cui-areatype="toolbar"] #status4evar-download-icon {
   fill: var(--toolbarbutton-icon-fill-inverted) !important;
   -moz-image-region: auto !important;
}
#status4evar-download-button[cui-areatype="toolbar"][attention] #status4evar-download-icon {
   list-style-image: url("chrome://browser/skin/download.svg") !important;
   fill: var(--toolbarbutton-icon-fill-attention) !important;
   -moz-image-region: auto !important;
}
@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista), (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) {
   #status4evar-download-button[cui-areatype="menu-panel"][attention] #status4evar-download-icon {
      list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel-win7.png") !important;
   }
}

If you also like to see the labels of the button during downloads
(S4E Prefs > Download > "Show button text in icons-only mode" checkbox),
but you don't like to see always the "No Downloads" label when there are no such activity,
you can use the following code:
Code: Select all
#status4evar-download-button[collapsed="true"] #status4evar-download-label {
   display: none !important;
}

This code affects the button, only when it is placed in toolbars. If you put it in menu panel,
it will show properly its label, like any other button in menu panel.

enjoy :D
Grg

Johan_et_Pirlouit
 
Posts: 6
Joined: October 18th, 2004, 12:22 pm

Post Posted September 20th, 2017, 1:53 pm

Jack Black wrote:@Grg68 and anyone interested: the following CSS code will fix missing icons in S4E preferences, provided you add it to Stylish or similar (or directly in S4E CSS if you're either running a Fx version with no signing requirement or sign the add-on afterwards).

Code: Select all
@-moz-document url(chrome://status4evar/content/prefs.xul) {
    radio[pane="status4evar-pane-addonbar"] {
        list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg")!important
    }
    radio[pane="status4evar-pane-advanced"] {
        list-style-image: url("chrome://browser/skin/preferences/in-content/favicon.ico")!important;
        -moz-image-region: auto!important
    }
    radio[pane="status4evar-pane-status"] {
        list-style-image: url("chrome://global/skin/icons/info.svg")!important
    }
}

Grg68 wrote:Hi all,

The code below is my small contribution in this beloved extension and to all those, like me,
who miss the icon of the download button of S4E and its functionality.

This code addresses this issue of missing icon, specifically in firefox 55 (maybe it works in 56 too)
and i have test it only in windows 7/10 and in linux mint.

You can apply it with Stylish, the "Custom css code" of "Classic Theme Restorer" or you can
put it in your "userChrome.css".
Code: Select all
#status4evar-download-button:not([attention]) #status4evar-download-icon {
   list-style-image: url("chrome://browser/skin/download.svg") !important;
   -moz-image-region: auto !important;
}
toolbar[brighttext] #status4evar-download-button:not([attention])[cui-areatype="toolbar"] #status4evar-download-icon {
   fill: var(--toolbarbutton-icon-fill-inverted) !important;
   -moz-image-region: auto !important;
}
#status4evar-download-button[cui-areatype="toolbar"][attention] #status4evar-download-icon {
   list-style-image: url("chrome://browser/skin/download.svg") !important;
   fill: var(--toolbarbutton-icon-fill-attention) !important;
   -moz-image-region: auto !important;
}
@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista), (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) {
   #status4evar-download-button[cui-areatype="menu-panel"][attention] #status4evar-download-icon {
      list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel-win7.png") !important;
   }
}

If you also like to see the labels of the button during downloads
(S4E Prefs > Download > "Show button text in icons-only mode" checkbox),
but you don't like to see always the "No Downloads" label when there are no such activity,
you can use the following code:
Code: Select all
#status4evar-download-button[collapsed="true"] #status4evar-download-label {
   display: none !important;
}

This code affects the button, only when it is placed in toolbars. If you put it in menu panel,
it will show properly its label, like any other button in menu panel.

enjoy :D

Hi Jack Black and Grg68,

Your codes work really nicely with my FF 55.0.3 64 bits (Win 7)!! I think you made S4E to rework exactly as it did with FF 54 and before, at least with FF 55..

Thank you guys :wink:

regards

Return to Extension/Theme Releases


Who is online

Users browsing this forum: No registered users and 2 guests