Skip to content

Commit

Permalink
add new "Invert Element" extension to the repo.
Browse files Browse the repository at this point in the history
fix a bunch of english context menu labels from various addons.
  • Loading branch information
aminomancer committed Jan 5, 2022
1 parent c9d4fdd commit ce900b8
Show file tree
Hide file tree
Showing 5 changed files with 176 additions and 2 deletions.
Binary file added extensions/invert-element@aminomancer.zip
Binary file not shown.
9 changes: 9 additions & 0 deletions resources/material/invert-off.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions resources/material/invert.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion uc-context-menu-icons.css
Original file line number Diff line number Diff line change
Expand Up @@ -311,6 +311,7 @@ menu[label="Bitwarden"]:not(.menuitem-iconic, .menu-iconic) > .menu-text,
> .menu-iconic-text,
#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage:not(.menuitem-iconic, .menu-iconic)
> .menu-text,
#invert-element_aminomancer-menuitem-_menuitem-invert:not(.menuitem-iconic, .menu-iconic) > .menu-text,
#menu_customizeToolbars .menu-text,
menuitem.viewCustomizeToolbar > .menu-text,
#addon_darkreader_org-menuitem-_DarkReader-switchEngine:not(.menuitem-iconic) .menu-text,
Expand Down Expand Up @@ -342,7 +343,6 @@ menuitem.pageActionContextMenuItem.manageExtensionItem > .menu-text,
menuitem.customize-context-removeExtension > .menu-text,
menuitem.pageActionContextMenuItem.removeExtensionItem > .menu-text,
menuitem.customize-context-reportExtension > .menu-text {
display: -moz-inline-box !important;
margin-inline: 0 !important;
padding-inline: 0 2px !important;
}
Expand Down Expand Up @@ -601,6 +601,7 @@ menu[label="Bitwarden"]:not(.menuitem-iconic, .menu-iconic)::before,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-options:not(.menuitem-iconic, .menu-iconic)::before,
#simple-translate_sienori-menuitem-_translatePage:not(.menuitem-iconic, .menu-iconic)::before,
#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage:not(.menuitem-iconic, .menu-iconic)::before,
#invert-element_aminomancer-menuitem-_menuitem-invert:not(.menuitem-iconic, .menu-iconic)::before,
#simple-translate_sienori-menuitem-_translateLink:not(.menuitem-iconic, .menu-iconic)::before,
#simple-translate_sienori-menuitem-_translateText:not(.menuitem-iconic, .menu-iconic)::before,
#toolbar-context-menu
Expand Down
160 changes: 159 additions & 1 deletion uc-extensions.css
Original file line number Diff line number Diff line change
Expand Up @@ -413,6 +413,32 @@ do nothing for other languages since idk if the item is too long in other langua
-moz-box-flex: 1;
}

/* fix inconsistent string casing of menuitems in Multithreaded Download Manager */
:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new tab"] > label,
:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new window"] > label,
:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in sidebar"] > label {
display: none !important;
}

:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new tab"] > .menu-accel-container::before,
:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new window"] > .menu-accel-container::before,
:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in sidebar"] > .menu-accel-container::before {
display: -moz-inline-box;
-moz-box-flex: 1;
}

:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new tab"] > .menu-accel-container::before {
content: "Open in New Tab";
}

:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in new window"] > .menu-accel-container::before {
content: "Open in New Window";
}

:is(menu, menuitem)[id^="multithreaded-download-manager"][label="Open in sidebar"] > .menu-accel-container::before {
content: "Open in Sidebar";
}

/* sort bookmarks menu icon */
:is(.menu-iconic, .menuitem-iconic)[id^="sort-bookmarks_heftig-menuitem"]
.menu-iconic-left::before {
Expand All @@ -432,6 +458,20 @@ do nothing for other languages since idk if the item is too long in other langua
display: none;
}

/* fix inconsistent string casing of menuitems in Sort Bookmarks */
menuitem[id^="sort-bookmarks_heftig-menuitem"][label="Sort this folder…"] > label {
display: none !important;
}

menuitem[id^="sort-bookmarks_heftig-menuitem"][label="Sort this folder…"] > .menu-accel-container::before {
display: -moz-inline-box;
-moz-box-flex: 1;
}

menuitem[id^="sort-bookmarks_heftig-menuitem"][label="Sort this folder…"] > .menu-accel-container::before {
content: "Sort this Folder…";
}

/* simple translate context menu icon */
:is(.menu-iconic, .menuitem-iconic):is([label="To Google Translate"], [label^="Translate this page"], [label="Translate selected link"], [label="Translate selected text"], [label="Simple Translate"])
.menu-iconic-left::before {
Expand All @@ -452,7 +492,7 @@ do nothing for other languages since idk if the item is too long in other langua
display: none;
}

#simple-translate_sienori-menuitem-_translatePage:not(.menuitem-iconic, .menu-iconic)::before {
:is(#simple-translate_sienori-menuitem-_translatePage, #simple-translate_sienori-menuitem-_translatePageOnTab):not(.menuitem-iconic, .menu-iconic)::before {
background-image: url(chrome://userchrome/content/material/translate-small.svg);
}

Expand All @@ -472,6 +512,35 @@ do nothing for other languages since idk if the item is too long in other langua
}
}

/* fix inconsistent string casing of menuitems in Simple Translate */
:is(#simple-translate_sienori-menuitem-_translatePage, #simple-translate_sienori-menuitem-_translatePageOnTab)[label^="Translate this page"]
> label,
#simple-translate_sienori-menuitem-_translateLink[label="Translate selected link"] > label,
#simple-translate_sienori-menuitem-_translateText[label="Translate selected text"] > label {
display: none !important;
}

:is(#simple-translate_sienori-menuitem-_translatePage, #simple-translate_sienori-menuitem-_translatePageOnTab)[label^="Translate this page"]
> .menu-accel-container::before,
#simple-translate_sienori-menuitem-_translateLink[label="Translate selected link"] > .menu-accel-container::before,
#simple-translate_sienori-menuitem-_translateText[label="Translate selected text"] > .menu-accel-container::before {
display: -moz-inline-box;
-moz-box-flex: 1;
}

:is(#simple-translate_sienori-menuitem-_translatePage, #simple-translate_sienori-menuitem-_translatePageOnTab)[label^="Translate this page"]
> .menu-accel-container::before {
content: "Translate this Page";
}

#simple-translate_sienori-menuitem-_translateLink[label="Translate selected link"] > .menu-accel-container::before {
content: "Translate Selected Link";
}

#simple-translate_sienori-menuitem-_translateText[label="Translate selected text"] > .menu-accel-container::before {
content: "Translate Selected Text";
}

/* hide translate this page when right-clicking text input */
#contentAreaContextMenu
#context-cut:not([hidden])
Expand Down Expand Up @@ -622,6 +691,17 @@ there's no need for a context menu item except when right-clicking something par
background-image: url(chrome://userchrome/content/devtools/command-frames.svg);
}

/* fix the inconsistent casing for uBlock Origin's "Block element..." menuitem (in English) */
#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement[label="Block element..."] > label {
display: none !important;
}

#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement[label="Block element..."] > .menu-accel-container::before {
content: "Block Element…";
display: -moz-inline-box;
-moz-box-flex: 1;
}

/* bitwarden context menu icon */
#contentAreaContextMenu
:is(.menu-iconic, .menuitem-iconic)[label="Bitwarden"]
Expand Down Expand Up @@ -669,6 +749,32 @@ menupopup:not(#contentAreaContextMenu)
background-image: url(chrome://userchrome/content/material/darkmode.svg);
}

/* fix inconsistent string casing of menuitems in Dark Reader */
#addon_darkreader_org-menuitem-_DarkReader-toggle[label="Toggle extension"] > label,
#addon_darkreader_org-menuitem-_DarkReader-addSite[label="Toggle current site"] > label,
#addon_darkreader_org-menuitem-_DarkReader-switchEngine[label="Theme generation mode"] > label {
display: none !important;
}

#addon_darkreader_org-menuitem-_DarkReader-toggle[label="Toggle extension"] > .menu-accel-container::before,
#addon_darkreader_org-menuitem-_DarkReader-addSite[label="Toggle current site"] > .menu-accel-container::before,
#addon_darkreader_org-menuitem-_DarkReader-switchEngine[label="Theme generation mode"] > .menu-accel-container::before {
display: -moz-inline-box;
-moz-box-flex: 1;
}

#addon_darkreader_org-menuitem-_DarkReader-toggle[label="Toggle extension"] > .menu-accel-container::before {
content: "Toggle Extension";
}

#addon_darkreader_org-menuitem-_DarkReader-addSite[label="Toggle current site"] > .menu-accel-container::before {
content: "Toggle Current Site";
}

#addon_darkreader_org-menuitem-_DarkReader-switchEngine[label="Theme generation mode"] > .menu-accel-container::before {
content: "Theme Generation Mode";
}

/* stylus context menu items */
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager:not(.menuitem-iconic, .menu-iconic)::before {
background-image: url(chrome://userchrome/content/devtools/tool-styleeditor.svg);
Expand All @@ -678,6 +784,31 @@ menupopup:not(#contentAreaContextMenu)
background-image: url(chrome://userchrome/content/settings.svg);
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > label,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > label,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > label {
display: none !important;
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > .menu-accel-container::before,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > .menu-accel-container::before,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > .menu-accel-container::before {
display: -moz-inline-box;
-moz-box-flex: 1;
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > .menu-accel-container::before {
content: "Active Style Count";
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > .menu-accel-container::before {
content: "Disable All Styles";
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > .menu-accel-container::before {
content: "Open Style Manager";
}

/* make the "Options" menuitem's label more specific */
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-options[label="Options"]:not(.menuitem-iconic, .menu-iconic)
> .menu-text {
Expand Down Expand Up @@ -715,6 +846,33 @@ since its casing is inconsistent with context menu norms. */
background-image: url(chrome://userchrome/content/material/google-view-image.svg);
}

/* my "Invert Element" context menu extension */
#invert-element_aminomancer-menuitem-_menuitem-invert .menu-iconic-left::before {
width: 16px;
height: 16px;
margin-inline: var(--context-iconic-margin);
fill: currentColor;
-moz-context-properties: fill, fill-opacity, stroke;
content: "";
display: -moz-inline-box;
background-position: center;
background-repeat: no-repeat;
}

#invert-element_aminomancer-menuitem-_menuitem-invert .menu-iconic-icon {
display: none !important;
}

#invert-element_aminomancer-menuitem-_menuitem-invert[label="Invert Element"] .menu-iconic-left::before,
#invert-element_aminomancer-menuitem-_menuitem-invert[label="Invert Element"]:not(.menuitem-iconic, .menu-iconic)::before {
background-image: url(chrome://userchrome/content/material/invert.svg);
}

#invert-element_aminomancer-menuitem-_menuitem-invert[label="Uninvert Element"] .menu-iconic-left::before,
#invert-element_aminomancer-menuitem-_menuitem-invert[label="Uninvert Element"]:not(.menuitem-iconic, .menu-iconic)::before {
background-image: url(chrome://userchrome/content/material/invert-off.svg);
}

/* tab notes favicon isn't displayed properly in the back/forward menu */
menupopup menuitem[class^="unified-nav"][uri="moz-extension://e158f52d-b5db-4594-9757-1e526a5df811/newtab.html"]:not([_moz-menuactive="true"])
{
Expand Down

0 comments on commit ce900b8

Please sign in to comment.