Add: Global Menu - Subview icons

This commit is contained in:
alstjr7375 2021-08-26 16:37:03 +09:00
parent 39ec7439a3
commit f8f3463fc0
5 changed files with 84 additions and 5 deletions

7
icons/content-view.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7C5 6.44772 5.44772 6 6 6H14C14.5523 6 15 6.44771 15 7V9C15 9.55228 14.5523 10 14 10H6C5.44772 10 5 9.55229 5 9V7ZM14 7H6V9H14V7Z"/>
<path d="M12 11C11.4477 11 11 11.4477 11 12V13C11 13.5523 11.4477 14 12 14H14C14.5523 14 15 13.5523 15 13V12C15 11.4477 14.5523 11 14 11H12ZM12 12H14V13H12V12Z"/>
<path d="M5 11.5C5 11.2239 5.22386 11 5.5 11H9.5C9.77614 11 10 11.2239 10 11.5C10 11.7761 9.77614 12 9.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z"/>
<path d="M5.5 13C5.22386 13 5 13.2239 5 13.5C5 13.7761 5.22386 14 5.5 14H9.5C9.77614 14 10 13.7761 10 13.5C10 13.2239 9.77614 13 9.5 13H5.5Z"/>
<path d="M3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H6C4.34315 17 3 15.6569 3 14V6ZM6 4C4.89543 4 4 4.89543 4 6V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H6Z"/>
</svg>

After

Width:  |  Height:  |  Size: 994 B

3
icons/mail-inbox-all.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M6.25 3H17.75C19.483 3 20.8992 4.35645 20.9949 6.06558L21 6.25V17.75C21 19.483 19.6435 20.8992 17.9344 20.9949L17.75 21H6.25C4.51697 21 3.10075 19.6435 3.00514 17.9344L3 17.75V6.25C3 4.51697 4.35645 3.10075 6.06558 3.00514L6.25 3ZM8.32501 14.5H4.5V17.75C4.5 18.6682 5.20711 19.4212 6.10647 19.4942L6.25 19.5H17.75C18.6682 19.5 19.4212 18.7929 19.4942 17.8935L19.5 17.75V14.5H15.675C15.3404 16.1483 13.9247 17.404 12.2003 17.4947L12 17.5C10.253 17.5 8.78498 16.3053 8.36837 14.6884L8.32501 14.5ZM17.75 4.5H6.25C5.33183 4.5 4.57881 5.20711 4.5058 6.10647L4.5 6.25V13H9C9.3797 13 9.69349 13.2822 9.74315 13.6482L9.75 13.75C9.75 14.9926 10.7574 16 12 16C13.1909 16 14.1656 15.0748 14.2448 13.904L14.25 13.75C14.25 13.3703 14.5322 13.0565 14.8982 13.0068L15 13H19.5V6.25C19.5 5.33183 18.7929 4.57881 17.8935 4.5058L17.75 4.5ZM6.75 9.5H17.25C17.6642 9.5 18 9.83579 18 10.25C18 10.6297 17.7178 10.9435 17.3518 10.9932L17.25 11H6.75C6.33579 11 6 10.6642 6 10.25C6 9.8703 6.28215 9.55651 6.64823 9.50685L6.75 9.5H17.25H6.75ZM6.75 6.5H17.25C17.6642 6.5 18 6.83579 18 7.25C18 7.6297 17.7178 7.94349 17.3518 7.99315L17.25 8H6.75C6.33579 8 6 7.66421 6 7.25C6 6.8703 6.28215 6.55651 6.64823 6.50685L6.75 6.5H17.25H6.75Z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

6
icons/resize.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M5 2C3.34315 2 2 3.34315 2 5V8.5C2 8.77614 2.22386 9 2.5 9C2.77614 9 3 8.77614 3 8.5V5C3 3.89543 3.89543 3 5 3H8.5C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2H5Z"/>
<path d="M11.5 2C11.2239 2 11 2.22386 11 2.5C11 2.77614 11.2239 3 11.5 3H15C16.1046 3 17 3.89543 17 5V8.5C17 8.77614 17.2239 9 17.5 9C17.7761 9 18 8.77614 18 8.5V5C18 3.34315 16.6569 2 15 2H11.5Z"/>
<path d="M2.5 11C2.77614 11 3 11.2239 3 11.5V15C3 16.1046 3.89543 17 5 17H8.5C8.77614 17 9 17.2239 9 17.5C9 17.7761 8.77614 18 8.5 18H5C3.34315 18 2 16.6569 2 15V11.5C2 11.2239 2.22386 11 2.5 11Z"/>
<path d="M18 11.5C18 11.2239 17.7761 11 17.5 11C17.2239 11 17 11.2239 17 11.5V15C17 16.1046 16.1046 17 15 17H11.5C11.2239 17 11 17.2239 11 17.5C11 17.7761 11.2239 18 11.5 18H15C16.6569 18 18 16.6569 18 15V11.5Z"/>
</svg>

After

Width:  |  Height:  |  Size: 941 B

3
icons/toolbox.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M7 6.25244V6.99982H4.25C3.00736 6.99982 2 8.00717 2 9.24982V17.7466C2 18.9892 3.00736 19.9966 4.25 19.9966H19.75C20.9926 19.9966 22 18.9892 22 17.7466V9.24982C22 8.00718 20.9926 6.99982 19.75 6.99982H17V6.25244C17 5.0098 15.9926 4.00244 14.75 4.00244H9.25C8.00736 4.00244 7 5.0098 7 6.25244ZM9.25 5.50244H14.75C15.1642 5.50244 15.5 5.83823 15.5 6.25244V6.99982H8.5V6.25244C8.5 5.83823 8.83579 5.50244 9.25 5.50244ZM7 8.50244H8.5V8.49982H15.5V8.50244H17V8.49982H19.75C20.1642 8.49982 20.5 8.8356 20.5 9.24982V11.4998H17.5V10.7498C17.5 10.3356 17.1642 9.99982 16.75 9.99982C16.3358 9.99982 16 10.3356 16 10.7498V11.4998H8V10.7498C8 10.3356 7.66421 9.99982 7.25 9.99982C6.83579 9.99982 6.5 10.3356 6.5 10.7498V11.4998H3.5V9.24982C3.5 8.8356 3.83579 8.49982 4.25 8.49982H7V8.50244ZM16 12.9998V14.2498C16 14.664 16.3358 14.9998 16.75 14.9998C17.1642 14.9998 17.5 14.664 17.5 14.2498V12.9998H20.5V17.7466C20.5 18.1608 20.1642 18.4966 19.75 18.4966H4.25C3.83579 18.4966 3.5 18.1608 3.5 17.7466V12.9998H6.5V14.2498C6.5 14.664 6.83579 14.9998 7.25 14.9998C7.66421 14.9998 8 14.664 8 14.2498V12.9998H16Z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -1702,8 +1702,8 @@
:not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
#main-menubar > menu,
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
#blockedPopupDontShowMessage {
/* Color */
-moz-context-properties: fill, fill-opacity !important;
@ -1730,8 +1730,8 @@
}
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic),
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
#blockedPopupDontShowMessage {
background-position: left var(--context-menu-background-padding) center !important;
padding-inline-start: var(--context-menu-background-padding) !important;
@ -2520,6 +2520,11 @@
--menuitem-image: url(./icons/quit.svg);
}
/* Mange Containers */
#menu_newUserContext menupopup menuitem:last-child {
--menuitem-image: url(chrome://global/skin/icons/settings.svg);
}
/*= menu_EditPopup =========================================================*/
#menu_undo {
--menuitem-image: url(chrome://global/skin/icons/undo.svg);
@ -2559,7 +2564,7 @@
/*= menu_viewPopup =========================================================*/
#viewToolbarsMenu {
--menuitem-image: url(.icons/toolbar.svg);
--menuitem-image: url(./icons/toolbar.svg);
}
#viewSidebarMenuMenu {
--menuitem-image: url("chrome://browser/skin/sidebars.svg");
@ -2588,6 +2593,22 @@
--menuitem-image: url(./icons/text-direction-horizontal-ltr.svg);
}
/* view-menu-popup sub menu */
#menu_customizeToolbars {
--menuitem-image: url(chrome://browser/skin/customize.svg);
}
/* viewFullZoomMenu sub menu */
#menu_zoomEnlarge {
--menuitem-image: url(chrome://browser/skin/add-circle-fill.svg);
}
#menu_zoomReduce {
--menuitem-image: url(chrome://browser/skin/subtract-circle-fill.svg);
}
#menu_zoomReset {
--menuitem-image: url(./icons/resize.svg);
}
/*= goPopup ================================================================*/
#menu_showAllHistory {
--menuitem-image: url(chrome://browser/skin/history.svg);
@ -2611,6 +2632,14 @@
--menuitem-image: url(chrome://browser/skin/window.svg);
}
/* sub menu */
#historyUndoPopup .restoreallitem {
--menuitem-image: url(./icons/movetowindow-16.svg);
}
#historyUndoWindowPopup .restoreallitem {
--menuitem-image: url(./icons/restore-session.svg);
}
/*= bookmarksMenuPopup =====================================================*/
#bookmarksShowAll {
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
@ -2657,6 +2686,37 @@
--menuitem-image: url(./icons/document-endnote.svg);
}
/* menuWebDeveloperPopup sub menu */
#enableDeveloperTools {
}
#menu_devToolbox {
}
#menu_taskManager {
--menuitem-image: url(./icons/performance.svg);
}
#menu_devtools_remotedebugging {
--menuitem-image: url(./icons/bug.svg);
}
#menu_browserToolbox {
--menuitem-image: url(./icons/webdeveloper.svg);
}
#menu_browserContentToolbox {
--menuitem-image: url(./icons/command-frames.svg);
}
#menu_browserConsole {
--menuitem-image: url(chrome://devtools/skin/images/command-console.svg);
}
#menu_responsiveUI {
}
#menu_eyedropper {
}
#menu_pageSource {
--menuitem-image: url(./icons/search-file.svg);
}
#extensionsForDevelopers {
--menuitem-image: url(chrome://devtools/skin/images/debugging-addons.svg);
}
/*= menu_HelpPopup =========================================================*/
#menu_openHelp {
--menuitem-image: url(chrome://global/skin/icons/help.svg);