mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-30 04:10:32 -08:00
Add: Library - Context menu icons #236
This commit is contained in:
alstjr7375
parent
41f3044d88
commit
f7bb0a776b
1 changed files with 197 additions and 0 deletions
197
userContent.css
197
userContent.css
|
|
@ -1442,6 +1442,203 @@
|
|||
transform: scaleX(-1) !important;
|
||||
}
|
||||
|
||||
/*= Context Menu =========================================================*/
|
||||
menupopup menuitem:not([type="checkbox"], [type="radio"]),
|
||||
menupopup menu:not([type="checkbox"], [type="radio"]),
|
||||
#main-menubar > menu {
|
||||
-moz-appearance: none !important; /* Linux: menulist */
|
||||
}
|
||||
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
|
||||
/* Color */
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
fill: currentColor !important;
|
||||
|
||||
/* Layout */
|
||||
background-size: 16px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-image: var(--menuitem-image);
|
||||
}
|
||||
|
||||
/* For native context menus on macOS */
|
||||
@supports -moz-bool-pref("widget.macos.native-context-menus") {
|
||||
:not(menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
|
||||
:not(menu, #ContentSelectDropdown)
|
||||
> menupopup
|
||||
> menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist) {
|
||||
list-style-image: var(--menuitem-image) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Padding */
|
||||
:root {
|
||||
--context-menu-background-padding-default: 5px;
|
||||
--context-menu-background-padding: var(--context-menu-background-padding-default);
|
||||
}
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
|
||||
background-position: left var(--context-menu-background-padding) center !important;
|
||||
padding-inline-start: var(--context-menu-background-padding) !important;
|
||||
}
|
||||
|
||||
/* Padding - Windows */
|
||||
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) {
|
||||
/* Checkbox */
|
||||
:root {
|
||||
--context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
|
||||
}
|
||||
:not(menu, #ContentSelectDropdown, #context-navigation)
|
||||
> menupopup
|
||||
> menuitem[type="checkbox"][checked="false"]
|
||||
> .menu-iconic-left {
|
||||
padding-inline-start: var(--context-menu-text-padding);
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-os-version: windows-win7) {
|
||||
:root {
|
||||
--context-menu-background-padding-default: 2px;
|
||||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win8) {
|
||||
:root {
|
||||
--context-menu-background-padding-default: 3px;
|
||||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
|
||||
background-position: left var(--context-menu-background-padding) center !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win10) {
|
||||
:root {
|
||||
--context-menu-background-padding: 1em;
|
||||
--context-menu-text-padding: 24px; /* 16px + 8px */
|
||||
--menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding));
|
||||
}
|
||||
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
|
||||
padding-inline-start: var(--menu-background-padding-default) !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Padding - Linux */
|
||||
@media (-moz-gtk-csd-available) {
|
||||
:root {
|
||||
--context-menu-background-padding-default: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Padding - Mac */
|
||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
:root {
|
||||
--context-menu-background-padding-default: 10px;
|
||||
--context-menu-mac-padding: 21px;
|
||||
}
|
||||
|
||||
/* context menu width */
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
|
||||
padding-inline-end: var(--context-menu-background-padding) !important;
|
||||
}
|
||||
|
||||
/* text position */
|
||||
#placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]) > .menu-text,
|
||||
#placesContext menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) > .menu-text {
|
||||
padding-inline-start: var(--context-menu-mac-padding) !important;
|
||||
}
|
||||
|
||||
/* Checkbox menuitem, None iconic menu */
|
||||
#placesContext menuitem[type="checkbox"],
|
||||
#placesContext menu:not(.menu-iconic) {
|
||||
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icon lists */
|
||||
#placesContext_open {
|
||||
--menuitem-image: url("./icons/link-square.svg");
|
||||
}
|
||||
#placesContext_openBookmarkContainer\:tabs,
|
||||
#placesContext_openBookmarkLinks\:tabs {
|
||||
--menuitem-image: url("./icons/movetowindow-16.svg");
|
||||
}
|
||||
#placesContext_open\:newtab,
|
||||
#placesContext_openContainer\:tabs,
|
||||
#placesContext_openLinks\:tabs {
|
||||
--menuitem-image: url("chrome://browser/skin/new-tab.svg");
|
||||
}
|
||||
#placesContext_open\:newwindow {
|
||||
--menuitem-image: url("chrome://browser/skin/window.svg");
|
||||
}
|
||||
#placesContext_open\:newprivatewindow {
|
||||
--menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
|
||||
}
|
||||
|
||||
#placesContext_show_bookmark\:info,
|
||||
#placesContext_show\:info,
|
||||
#placesContext_show_folder\:info {
|
||||
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
|
||||
}
|
||||
#placesContext_deleteBookmark,
|
||||
#placesContext_deleteFolder,
|
||||
#placesContext_delete,
|
||||
#placesContext_delete_history {
|
||||
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
||||
}
|
||||
#placesContext_deleteHost {
|
||||
--menuitem-image: url("./icons/eye-hide.svg");
|
||||
}
|
||||
#placesContext_sortBy\:name {
|
||||
--menuitem-image: url("./icons/text-sort-ascending.svg");
|
||||
}
|
||||
|
||||
#placesContext_cut {
|
||||
--menuitem-image: url("chrome://browser/skin/edit-cut.svg");
|
||||
}
|
||||
#placesContext_copy {
|
||||
--menuitem-image: url("./icons/edit-copy.svg");
|
||||
}
|
||||
#placesContext_paste_group {
|
||||
--menuitem-image: url("chrome://browser/skin/edit-paste.svg");
|
||||
}
|
||||
|
||||
#placesContext_new\:bookmark {
|
||||
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
|
||||
}
|
||||
#placesContext_new\:folder {
|
||||
--menuitem-image: url("chrome://global/skin/icons/folder.svg");
|
||||
}
|
||||
#placesContext_new\:separator {
|
||||
--menuitem-image: url("./icons/vertical-line.svg");
|
||||
}
|
||||
|
||||
#placesContext_paste {
|
||||
--menuitem-image: url("chrome://browser/skin/edit-paste.svg");
|
||||
}
|
||||
|
||||
#placesContext_createBookmark {
|
||||
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
|
||||
}
|
||||
#show-other-bookmarks_PersonalToolbar {
|
||||
/* checkbox */
|
||||
/* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
|
||||
}
|
||||
#placesContext_showAllBookmarks {
|
||||
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
|
||||
}
|
||||
|
||||
.openintabs-menuitem {
|
||||
--menuitem-image: url("./icons/movetowindow-16.svg");
|
||||
}
|
||||
|
||||
/*= Proton ===============================================================*/
|
||||
:root {
|
||||
--organizer-color: -moz-DialogText;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue