From 5844cb4bd2f90796027c91e2c79f5cef76f39e18 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 26 Feb 2023 15:43:25 +0900 Subject: [PATCH] Add: Icons - Addon page menu #634 --- css/leptonContent.css | 33 +++++++++++++++++++++++++++ src/contents/_context_menu.scss | 6 +++++ src/icons/_addon_page.scss | 40 +++++++++++++++++++++++++++++++++ 3 files changed, 79 insertions(+) create mode 100644 src/icons/_addon_page.scss diff --git a/css/leptonContent.css b/css/leptonContent.css index 2c51762..89ffdd5 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -3313,6 +3313,39 @@ } } } + @-moz-document url-prefix("about:addons") { + @supports -moz-bool-pref("userChrome.icon.context_menu") { + button[role="menuitem"][part="button"] { + background-image: var( + --menuitem-image, + url("../icons/blank.svg") + ); /* Don't use !important. because of [checked] */ + } + panel-item[action="check-for-updates"] { + --menuitem-image: url("../icons/refresh-cw.svg"); + } + panel-item[action="view-recent-updates"] { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + panel-item[action="install-from-file"] { + --menuitem-image: url("chrome://devtools/skin/images/import.svg"); + } + panel-item[action="debug-addons"] { + --menuitem-image: url("../icons/bug.svg"); + } + panel-item[action="set-update-automatically"] { + --menuitem-image: url("chrome://devtools/skin/images/profiler-stopwatch.svg"); + } + panel-item[action="reset-update-states"] { + --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg"); + } + panel-item[action="manage-shortcuts"], + panel-item[data-l10n-id="preferences-addon-button"], + panel-item[data-l10n-id="manage-addon-button"] { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + } + } } } /** Download Panel ************************************************************/ diff --git a/src/contents/_context_menu.scss b/src/contents/_context_menu.scss index e219505..b182c50 100644 --- a/src/contents/_context_menu.scss +++ b/src/contents/_context_menu.scss @@ -14,3 +14,9 @@ @import "../icons/library"; } } + +@include moz-document(url-prefix "about:addons") { + @include Option("userChrome.icon.context_menu") { + @import "../icons/addon_page"; + } +} diff --git a/src/icons/_addon_page.scss b/src/icons/_addon_page.scss new file mode 100644 index 0000000..420be05 --- /dev/null +++ b/src/icons/_addon_page.scss @@ -0,0 +1,40 @@ +button[role="menuitem"][part="button"] { + background-image: var(--menuitem-image, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */ +} + +panel-item { + &[action="check-for-updates"] { + // --menuitem-image: url("chrome://global/skin/icons/update-icon.svg"); + // --menuitem-image: url("chrome://mozapps/skin/extensions/category-recent.svg"); + // --menuitem-image: url("chrome://browser/skin/sync.svg"); + --menuitem-image: url("../icons/refresh-cw.svg"); + } + + &[action="view-recent-updates"] { + // --menuitem-image: url("chrome://browser/skin/controlcenter/dashboard.svg"); + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + + &[action="install-from-file"] { + // --menuitem-image: url("chrome://browser/skin/import.svg"); + --menuitem-image: url("chrome://devtools/skin/images/import.svg"); + } + + &[action="debug-addons"] { + --menuitem-image: url("../icons/bug.svg"); + } + + &[action="set-update-automatically"] { + --menuitem-image: url("chrome://devtools/skin/images/profiler-stopwatch.svg"); + } + + &[action="reset-update-states"] { + --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg"); + } + + &[action="manage-shortcuts"], + &[data-l10n-id="preferences-addon-button"], + &[data-l10n-id="manage-addon-button"] { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } +}