mirror of
https://github.com/zen-browser/desktop.git
synced 2026-01-06 05:17:51 +00:00
chore: Remove icons from context menus, b=(no-bug), c=common
This commit is contained in:
Mr. M
@@ -60,18 +60,6 @@
|
||||
list-style-image: url('sidebars-right.svg') !important;
|
||||
}
|
||||
|
||||
#context_zenSplitTabs {
|
||||
--menu-image: url('sidebars-right.svg') !important;
|
||||
}
|
||||
|
||||
#context-zen-change-workspace-tab {
|
||||
--menu-image: url('move-tab.svg') !important;
|
||||
}
|
||||
|
||||
#context-zenSplitLink {
|
||||
--menu-image: url('split.svg') !important;
|
||||
}
|
||||
|
||||
#sidebar-button:-moz-locale-dir(ltr):not([positionend]),
|
||||
#sidebar-button:-moz-locale-dir(rtl)[positionend] {
|
||||
list-style-image: url('chrome://browser/skin/sidebars.svg') !important;
|
||||
@@ -173,15 +161,6 @@
|
||||
list-style-image: url('open.svg') !important;
|
||||
}
|
||||
|
||||
#context_zenOpenWorkspace {
|
||||
--menu-image: url('open.svg') !important;
|
||||
}
|
||||
|
||||
#context_zenEditWorkspace,
|
||||
#zenToolbarThemePicker {
|
||||
--menu-image: url('edit-theme.svg') !important;
|
||||
}
|
||||
|
||||
#add-ons-button,
|
||||
#appMenu-extensions-themes-button,
|
||||
#unified-extensions-button {
|
||||
@@ -639,371 +618,6 @@
|
||||
list-style-image: url('manage.svg') !important;
|
||||
}
|
||||
|
||||
/* Context Menu Icons */
|
||||
|
||||
#context-video-pictureinpicture:not([checked='true']) .menu-iconic-icon {
|
||||
list-style-image: url('media-pip.svg') !important;
|
||||
}
|
||||
|
||||
#context-media-loop:not([checked='true']) .menu-iconic-icon {
|
||||
list-style-image: url('media-loop.svg') !important;
|
||||
}
|
||||
|
||||
:not(:not(menubar) > menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menuitem:not(
|
||||
.menuitem-iconic,
|
||||
[type='checkbox'],
|
||||
[type='radio'],
|
||||
.in-menulist,
|
||||
.in-menulist menuitem,
|
||||
.unified-nav-current
|
||||
),
|
||||
:not(:not(menubar) > menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menu:not(
|
||||
.menu-iconic,
|
||||
[type='checkbox'],
|
||||
[type='radio'],
|
||||
.in-menulist,
|
||||
.in-menulist menu,
|
||||
.unified-nav-current
|
||||
),
|
||||
#toggle_toolbar-menubar,
|
||||
#PanelUI-history toolbarbutton,
|
||||
#unified-extensions-context-menu menuitem {
|
||||
background-image: var(--menu-image) !important;
|
||||
background-size: 16px !important;
|
||||
background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
@media not (-moz-platform: windows) {
|
||||
menu > .menu-iconic-text,
|
||||
menuitem > .menu-iconic-text {
|
||||
padding-inline-start: var(--zen-contextmenu-menuicon-margin-inline) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#context-savepage {
|
||||
--menu-image: url('save.svg');
|
||||
}
|
||||
|
||||
#context-selectall,
|
||||
.textbox-contextmenu menuitem[cmd*='selectAll'],
|
||||
#context_selectAllTabs,
|
||||
#toolbar-context-selectAllTabs {
|
||||
--menu-image: url('edit-select-all.svg');
|
||||
}
|
||||
|
||||
#context-undo,
|
||||
.textbox-contextmenu menuitem[cmd*='undo'],
|
||||
#context_undoCloseTab,
|
||||
#toolbar-context-undoCloseTab {
|
||||
--menu-image: url('edit-undo.svg');
|
||||
}
|
||||
|
||||
#toggle_toolbar-menubar {
|
||||
--menu-image: url('menu-bar.svg');
|
||||
}
|
||||
|
||||
#context-redo,
|
||||
.textbox-contextmenu menuitem[cmd*='redo'] {
|
||||
--menu-image: url('edit-redo.svg');
|
||||
}
|
||||
|
||||
#context-copy,
|
||||
.textbox-contextmenu menuitem[cmd*='copy'],
|
||||
.textbox-contextmenu #strip-on-share,
|
||||
#placesContext_copy {
|
||||
--menu-image: url('edit-copy.svg');
|
||||
}
|
||||
|
||||
#context-paste,
|
||||
.textbox-contextmenu menuitem[cmd*='paste'],
|
||||
#placesContext_paste_group {
|
||||
--menu-image: url('edit-paste.svg');
|
||||
}
|
||||
|
||||
#context-cut,
|
||||
.textbox-contextmenu menuitem[cmd*='cut'],
|
||||
#placesContext_cut {
|
||||
--menu-image: url('edit-cut.svg');
|
||||
}
|
||||
|
||||
#context-delete,
|
||||
.customize-context-removeExtension,
|
||||
.unified-extensions-context-menu-remove-extension,
|
||||
.textbox-contextmenu menuitem[cmd*='delete'],
|
||||
menuitem[id='placesContext_deleteBookmark'],
|
||||
menuitem[id='placesContext_deleteFolder'],
|
||||
menuitem[id='placesContext_delete'],
|
||||
menuitem[id='placesContext_delete_history'],
|
||||
menuitem[id='placesContext_deleteHost'],
|
||||
#context_zenDeleteWebPanel,
|
||||
#context_zenDeleteWorkspace {
|
||||
--menu-image: url('edit-delete.svg');
|
||||
}
|
||||
|
||||
#paste-and-go {
|
||||
--menu-image: url('paste-and-go.svg');
|
||||
}
|
||||
|
||||
#context-print-selection {
|
||||
--menu-image: url('print.svg');
|
||||
}
|
||||
|
||||
#context-take-screenshot {
|
||||
--menu-image: url('screenshot.svg');
|
||||
}
|
||||
|
||||
#context-viewsource {
|
||||
--menu-image: url('source-code.svg');
|
||||
}
|
||||
|
||||
#context-inspect-a11y {
|
||||
--menu-image: url('accessibility.svg');
|
||||
}
|
||||
|
||||
#context-inspect {
|
||||
--menu-image: url('inspect.svg');
|
||||
}
|
||||
|
||||
#context-searchselect {
|
||||
--menu-image: url('search-glass.svg');
|
||||
}
|
||||
|
||||
#context-viewimage {
|
||||
--menu-image: url('image-open.svg');
|
||||
}
|
||||
|
||||
#context-viewimageinfo {
|
||||
--menu-image: url('info.svg');
|
||||
}
|
||||
|
||||
#context-saveimage,
|
||||
#context-video-saveimage {
|
||||
--menu-image: url('image-save.svg');
|
||||
}
|
||||
|
||||
#context-savevideo {
|
||||
--menu-image: url('video-save.svg');
|
||||
}
|
||||
|
||||
#context-viewvideo {
|
||||
--menu-image: url('video-open.svg');
|
||||
}
|
||||
|
||||
#context-saveaudio {
|
||||
--menu-image: url('audio-save.svg');
|
||||
}
|
||||
|
||||
#context-copyimage-contents {
|
||||
--menu-image: url('image-copy.svg');
|
||||
}
|
||||
|
||||
#context-copyimage,
|
||||
#context-copyvideourl,
|
||||
#context-copylink,
|
||||
#context-stripOnShareLink,
|
||||
#context_zenOpenNewTabWebPanel,
|
||||
#context-pdfjs-copy {
|
||||
--menu-image: url('link.svg');
|
||||
}
|
||||
|
||||
#context-openlinkincurrent {
|
||||
--menu-image: url('ext-link.svg');
|
||||
}
|
||||
|
||||
#context-viewsource,
|
||||
#context-viewframesource,
|
||||
#context-viewpartialsource-selection {
|
||||
--menu-image: url('source-code.svg');
|
||||
}
|
||||
|
||||
#context-sendimage,
|
||||
#context-sendvideo,
|
||||
#context-sendaudio {
|
||||
--menu-image: url('mail.svg');
|
||||
}
|
||||
|
||||
#context-setDesktopBackground,
|
||||
.viewCustomizeToolbar {
|
||||
--menu-image: url('customize.svg');
|
||||
}
|
||||
|
||||
#context-reloadimage,
|
||||
#context_reloadTab,
|
||||
#context_reloadSelectedTabs,
|
||||
#toolbar-context-reloadSelectedTab,
|
||||
#toolbar-context-reloadSelectedTabs,
|
||||
#context_zen-reset-pinned-tab {
|
||||
--menu-image: url('reload.svg');
|
||||
}
|
||||
|
||||
#context-sendlinktodevice,
|
||||
#context_sendTabToDevice,
|
||||
#context-sendpagetodevice {
|
||||
--menu-image: url('send-to-device.svg');
|
||||
}
|
||||
|
||||
#context-openlinkintab,
|
||||
#context-openlinkincontainertab,
|
||||
#context_zenWorkspacesOpenInContainerTab,
|
||||
#context_zenWebPanelContextInContainer,
|
||||
menuitem[id='placesContext_open:newtab'],
|
||||
menuitem[id='placesContext_openLinks:tabs'],
|
||||
menuitem[id='placesContext_openBookmarkLinks:tabs'],
|
||||
menuitem[id='placesContext_openBookmarkContainer:tabs'] {
|
||||
--menu-image: url('tab.svg');
|
||||
}
|
||||
|
||||
#context_openANewTab,
|
||||
#toolbar-context-openANewTab {
|
||||
--menu-image: url('new-tab-image.svg');
|
||||
}
|
||||
|
||||
#context-openlinkinusercontext-menu,
|
||||
menu[id='placesContext_open:newcontainertab'],
|
||||
menu[id='placesContext_openContainer:tabs'] {
|
||||
--menu-image: url('container-tab.svg');
|
||||
}
|
||||
|
||||
#context-openlink,
|
||||
menuitem[id='placesContext_open:newwindow'] {
|
||||
--menu-image: url('window.svg');
|
||||
}
|
||||
|
||||
#context-openlinkprivate,
|
||||
menuitem[id='placesContext_open:newprivatewindow'] {
|
||||
--menu-image: url('private-window.svg');
|
||||
}
|
||||
|
||||
#context-savelink {
|
||||
--menu-image: url('downloads.svg');
|
||||
}
|
||||
|
||||
#spell-add-to-dictionary {
|
||||
--menu-image: url('add-to-dictionary.svg');
|
||||
}
|
||||
|
||||
#manage-saved-logins {
|
||||
--menu-image: url('passwords.svg');
|
||||
}
|
||||
|
||||
#context-media-play,
|
||||
#context_playTab,
|
||||
#context_playSelectedTabs {
|
||||
--menu-image: url('media-play.svg');
|
||||
}
|
||||
|
||||
#context-media-pause {
|
||||
--menu-image: url('media-pause.svg');
|
||||
}
|
||||
|
||||
#context-media-mute,
|
||||
#context_toggleMuteTab,
|
||||
#context_toggleMuteSelectedTabs,
|
||||
#context_zenToggleMuteWebPanel {
|
||||
--menu-image: url('media-mute.svg');
|
||||
}
|
||||
|
||||
#context-media-unmute,
|
||||
#context_toggleMuteTab[muted],
|
||||
#context_toggleMuteSelectedTabs[muted],
|
||||
#context_zenToggleMuteWebPanel[muted] {
|
||||
--menu-image: url('media-unmute.svg');
|
||||
}
|
||||
|
||||
#context-media-playbackrate {
|
||||
--menu-image: url('media-speed.svg');
|
||||
}
|
||||
|
||||
#context-video-fullscreen {
|
||||
--menu-image: url('fullscreen.svg');
|
||||
}
|
||||
|
||||
#context-leave-dom-fullscreen,
|
||||
menuitem[contexttype='fullscreen'][label*='Exit'] {
|
||||
--menu-image: url('fullscreen-exit.svg');
|
||||
}
|
||||
|
||||
#context-media-hidecontrols,
|
||||
#context-media-showcontrols {
|
||||
--menu-image: url('permissions.svg');
|
||||
}
|
||||
|
||||
#context_pinTab,
|
||||
#context_unpinTab,
|
||||
#context_pinSelectedTabs,
|
||||
#context_unpinSelectedTabs,
|
||||
.customize-context-moveToPanel,
|
||||
#context_zen-replace-pinned-url-with-current {
|
||||
--menu-image: url('pin.svg');
|
||||
}
|
||||
|
||||
#context_zen-add-essential {
|
||||
--menu-image: url('essential-add.svg');
|
||||
}
|
||||
|
||||
#context_zen-remove-essential {
|
||||
--menu-image: url('essential-remove.svg');
|
||||
}
|
||||
|
||||
.customize-context-removeFromToolbar {
|
||||
--menu-image: url('unpin.svg');
|
||||
}
|
||||
|
||||
#zen-sidebar-web-panel-pinned[pinned='true'] {
|
||||
list-style-image: url('pin.svg') !important;
|
||||
}
|
||||
|
||||
#zen-sidebar-web-panel-pinned {
|
||||
list-style-image: url('unpin.svg') !important;
|
||||
}
|
||||
|
||||
#context_duplicateTab,
|
||||
#context_duplicateTabs {
|
||||
--menu-image: url('duplicate-tab.svg');
|
||||
}
|
||||
|
||||
#zen-context-menu-compact-mode {
|
||||
--menu-image: url('sidebar.svg');
|
||||
}
|
||||
|
||||
#context_bookmarkTab,
|
||||
#context_bookmarkSelectedTabs,
|
||||
#toggle_PersonalToolbar,
|
||||
#context-bookmarklink,
|
||||
#toolbar-context-bookmarkSelectedTab,
|
||||
#toolbar-context-bookmarkSelectedTabs {
|
||||
--menu-image: url('bookmark-hollow.svg');
|
||||
}
|
||||
|
||||
menuitem[id='placesContext_show_bookmark:info'],
|
||||
menuitem[id='placesContext_show_folder:info'],
|
||||
menuitem[id='placesContext_show:info'] {
|
||||
--menu-image: url('edit.svg');
|
||||
}
|
||||
|
||||
menuitem[id='placesContext_showAllBookmarks'],
|
||||
#BMB_bookmarksShowAllTop,
|
||||
#BMB_bookmarksShowAll,
|
||||
.customize-context-manageExtension,
|
||||
.unified-extensions-context-menu-manage-extension {
|
||||
--menu-image: url('manage.svg');
|
||||
}
|
||||
|
||||
#BMB_viewBookmarksSidebar {
|
||||
--menu-image: url('chrome://browser/skin/sidebars.svg');
|
||||
}
|
||||
|
||||
#BMB_searchBookmarks {
|
||||
--menu-image: url('search-page.svg');
|
||||
}
|
||||
|
||||
#appMenuRecentlyClosedTabs {
|
||||
list-style-image: url('container-tab.svg') !important;
|
||||
}
|
||||
@@ -1024,57 +638,12 @@ menuitem[id='placesContext_showAllBookmarks'],
|
||||
list-style-image: url('manage.svg') !important;
|
||||
}
|
||||
|
||||
menuitem[id='placesContext_new:bookmark'],
|
||||
menuitem[id='placesContext_new:folder'],
|
||||
menuitem[id='placesContext_new:separator'] {
|
||||
--menu-image: url('plus.svg');
|
||||
}
|
||||
|
||||
#context-savelinktopocket,
|
||||
#context-pocket {
|
||||
--menu-image: url('pocket-outline.svg');
|
||||
}
|
||||
|
||||
#context_moveTabOptions {
|
||||
--menu-image: url('move-tab.svg');
|
||||
}
|
||||
|
||||
.share-tab-url-item {
|
||||
--menu-image: url('share.svg');
|
||||
}
|
||||
|
||||
#context_reopenInContainer {
|
||||
--menu-image: url('container-tab.svg');
|
||||
}
|
||||
|
||||
#context_closeTab {
|
||||
--menu-image: url('close.svg');
|
||||
}
|
||||
|
||||
#context_closeTabOptions {
|
||||
--menu-image: url('close-all.svg');
|
||||
}
|
||||
|
||||
#context_unloadTab,
|
||||
#context_zenTabActions {
|
||||
--menu-image: url('close-all.svg');
|
||||
}
|
||||
|
||||
.customize-context-reportExtension,
|
||||
.unified-extensions-context-menu-report-extension {
|
||||
--menu-image: url('report.svg');
|
||||
}
|
||||
|
||||
/* FIX header icons for the app menu sub menus (eg. fx account, history...) */
|
||||
.panel-header > h1 {
|
||||
text-align: left;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
|
||||
.wordmark::after {
|
||||
content: 'Plus' !important;
|
||||
}
|
||||
|
||||
/* header icons for the app menu sub menus (eg. fx account, history...) */
|
||||
.panel-header > h1 > span::before {
|
||||
content: '';
|
||||
@@ -1119,67 +688,10 @@ menuitem[id='placesContext_new:separator'] {
|
||||
--fp-enabled: 1;
|
||||
}
|
||||
|
||||
@media not (-moz-platform: linux) {
|
||||
.unified-extensions-context-menu-pin-to-toolbar {
|
||||
--menu-image: url('pin.svg');
|
||||
}
|
||||
}
|
||||
|
||||
.unified-extensions-context-menu-move-widget-down {
|
||||
--menu-image: url('arrow-down.svg');
|
||||
}
|
||||
|
||||
.unified-extensions-context-menu-move-widget-up {
|
||||
--menu-image: url('arrow-up.svg');
|
||||
}
|
||||
|
||||
#alltabs-button {
|
||||
list-style-image: url('chrome://browser/skin/tabs.svg') !important;
|
||||
}
|
||||
|
||||
:not(:not(menubar) > menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menuitem:not(
|
||||
.menuitem-iconic,
|
||||
[type='checkbox'],
|
||||
[type='radio'],
|
||||
.in-menulist,
|
||||
.in-menulist menuitem,
|
||||
.unified-nav-current
|
||||
),
|
||||
:not(:not(menubar) > menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menu:not(
|
||||
.menu-iconic,
|
||||
[type='checkbox'],
|
||||
[type='radio'],
|
||||
.in-menulist,
|
||||
.in-menulist menu,
|
||||
.unified-nav-current
|
||||
),
|
||||
:not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menucaption {
|
||||
padding-inline-start: calc(
|
||||
var(--zen-contextmenu-menuitem-padding-inline) + var(--zen-contextmenu-menuicon-margin-inline) /
|
||||
2
|
||||
) !important;
|
||||
}
|
||||
|
||||
menupopup > menuitem:is([type='checkbox']) .menu-iconic-left {
|
||||
--menu-image: none !important;
|
||||
margin-inline-start: 4px;
|
||||
|
||||
@media not (-moz-platform: windows) {
|
||||
margin-inline-end: 0;
|
||||
padding-inline-end: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-platform: windows) {
|
||||
menupopup > menuitem[checked='true'] {
|
||||
padding-inline-start: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-context-toggle-vertical-tabs,
|
||||
#toolbar-context-customize-sidebar,
|
||||
#sidebarRevampSeparator {
|
||||
|
||||
@@ -1,12 +0,0 @@
|
||||
diff --git a/toolkit/themes/shared/menu.css b/toolkit/themes/shared/menu.css
|
||||
index ecf66f30b2dd18765af467913bb0bc66a8d36a41..8ecb03f8f09100dc76e8e4dabd13c366717268b4 100644
|
||||
--- a/toolkit/themes/shared/menu.css
|
||||
+++ b/toolkit/themes/shared/menu.css
|
||||
@@ -345,7 +345,6 @@ menuitem[highlightable] > .menu-text {
|
||||
/* On macOS and Windows, empty icons shouldn't take up any space */
|
||||
menuitem:not(.menuitem-iconic, [image]) > &,
|
||||
menu:not(.menu-iconic) > & {
|
||||
- display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -35,10 +35,6 @@
|
||||
--uc-permission-item-margin-block: 4px;
|
||||
--uc-permission-item-padding-inline: 16px;
|
||||
--zen-panel-separator-width: 1px;
|
||||
|
||||
--zen-contextmenu-menuitem-padding-inline: 10px;
|
||||
--zen-contextmenu-menuicon-margin-inline: 12px;
|
||||
--zen-contextmenu-menuitem-margin: 0px 2px;
|
||||
}
|
||||
|
||||
menupopup,
|
||||
|
||||
Reference in New Issue
Block a user