Symbole in den Kontextmenüs [ Update ]

2002Andreas

Zitat von Mira_Belle

Sorry, ist korrigiert

Alles ist gut

Mira_Belle

AchNoch etwas !!
" // " sollten nicht vorkommen! Noch so ein Fehler.
Also nicht z.B.

CSS

    /* Vertikale Tabs aktivieren */
    #toolbar-context-toggle-vertical-tabs { background-image: url("../icons//default-browser-red.svg");}

sondern

CSS

    /* Vertikale Tabs aktivieren */
    #toolbar-context-toggle-vertical-tabs { background-image: url("../icons/default-browser-red.svg");}

Das kommt häufiger in den CSS-Dateien vor!
Wenn so nach und nach "alle" Fehler gefunden und korrigiert sind, lade ich diese noch einmal als ZIP hoch.

Zitat von mkpcxxl

Habe das Icon "reload.svg" um 180 Grad gedreht und dann als "unload.svg" gespeichert und in die CSS eingetragen.

War doch schon als "arrow-rotate-left.svg" vorhanden, aber ich finde, wenn ich so Deinen Gedanken folge, "reply.svg" passender.

Zitat von mkpcxxl

und die "Tab.svg" einfach um 90 Grad gedreht

Dafür habe ich in der Tat nichts adäquates!
Könnte nur dieses Symbol anbieten.

arrow-down-up-across-line.svg

Mira_Belle

Ich muss die "01 Symbole_Menüleiste.css" überarbeiten!

Unter "Ansichten" ist einiges durcheinander geraten.
Das Meiste hab ich schon, nur noch "Sidebar" und "Webseiten-Stil" passen noch nicht so richtig.

Mira_Belle

OK, bis auf das Untermenü "Sidebar" habe ich es.

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

    /* Farben ---------------------------------------------------*/

	:root {
		--uc-color-white-dark: #E0E0E0 !important;			/*	var(--uc-color-white-dark)		*/
		--uc-color-orange-normal: #FFAA00 !important;		/*	var(--uc-color-orange-normal)	*/
	}

	/* ------------------------------------------------ */
	/* Einstellungen für die Symbole in der Menüleiste  */
	/* ------------------------------------------------ */

    /* Leiste etwas nach rechts */
 /*   :where(#main-menubar) {
        padding-left: 5px;
    }

    /* Platz schaffen für die Symbole */
	:where(#main-menubar > menu:not(.menu-iconic))::before,
	:where(#main-menubar > menuitem:not(.menuitem-iconic))::before {
	display: flex;
	padding-inline-end: 8px;
	padding-top: 1px;
	width: 16px;
	height: 16px;
	align-items: center;
	justify-content: center;
	-moz-context-properties: fill;
	fill: currentColor;
	}

    /* Datei */
    #file-menu::before { content: url("../icons/mail-inbox-all.svg"); }
    /* Bearbeiten */
    #edit-menu::before { content: url("../icons/edit.svg"); }
    /* Ansicht */
    #view-menu::before { content: url("../icons/content-view.svg"); }
    /* Chronik */
    #history-menu::before { content: url("../icons/history.svg"); }
    /* Lesezeichen */
    #bookmarksMenu::before { content: url("../icons/bookmark.svg"); }
    /* Profile */
    #profiles-menu::before { content: url("../icons/profile.svg"); }
    /* Extras */
    #tools-menu::before { content: url("../icons/toolbox.svg"); }
    /* Hilfe */
    #helpMenu::before { content: url("../icons/help.svg"); }

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

    #file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  	#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
	}

    #file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  	#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #history-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #bookmarksMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

    #view-menu-popup > menu:not(.menu-iconic) > label[value="Lesezeichen-Symbolleiste"],
    #menu_customizeToolbars  > label[value="Symbolleiste anpassen…"] {
        margin-left: -25px !important;
    }

    /* ------------------ */
    /* ----- Datei ------ */
    /* ------------------ */

	/* Neuer Tab */
	#menu_newNavigatorTab { background-image: url("../icons/tab-open.svg"); }
	/* Neues Fenster */
	#menu_newNavigator { background-image: url("../icons/session.svg"); }
	/* Neues privates Fenster */
	#menu_newPrivateWindow { background-image: url("../icons/privateBrowsing.svg"); }
	/* Datei öffnen... */
	#menu_openFile { background-image: url("../icons/folder-open.svg"); }
    /* Tab schließen */
    #menu_close { background-image: url("../icons/tab-close.svg"); }
  /* Fenster schließen ausblenden	! */
	#menu_closeWindow { background-image: url("../icons/window-close.svg"); }
	/* Seite speichern unter... */
	#menu_savePage { background-image: url("../icons/folder-save.svg"); }
	/* Link per E-Mail senden... */
	#menu_sendLink { background-image: url("../icons/mail.svg"); }
	/* Drucken... */
	#menu_print { background-image: url("../icons/printer.svg"); }
	/* Daten aus einem anderen Browser importieren... */
	#menu_importFromAnotherBrowser { background-image: url("../icons/import.svg"); }
	/* Offline arbeiten */
	#goOfflineMenuitem { background-image: url("../icons/plug-disconnected.svg"); }
	/* Beenden */
	#menu_FileQuitItem { background-image: url("../icons/Power_off_redorange.svg"); }

    /* ------------------ */
	/* --- Bearbeiten --- */
    /* ------------------ */

	/* Rückgängig */
	#menu_undo { background-image: url("../icons/undo.svg"); }
	/* Wiederherstellen */
	#menu_redo { background-image: url("../icons/sync.svg"); }
	/* Ausschneiden */
	#menu_cut { background-image: url("../icons/edit-cut.svg"); }
	/* Kopieren */
	#menu_copy { background-image: url("../icons/copy.svg"); }
	/* Einfügen */
	#menu_paste { background-image: url("../icons/paste.svg"); }
	/* Löschen */
	#menu_delete { background-image: url("../icons/delete.svg"); }
	/* Alles auswählen */
	#menu_selectAll { background-image: url("../icons/select-all-on.svg"); }
	/* Seite durchsuchen... */
	#menu_find { background-image: url("../icons/Github-Octicons-Search-16.svg"); }
  /* Weitersuchen ausblenden	! */
	#menu_findAgain { background-image: url("../icons/Github-Octicons-Search-24.svg"); }

    /* ------------------ */
	/* ---- Ansicht ----- */
    /* ------------------ */

	/* Symbolleisten */
	#viewToolbarsMenu { background-image: url("../icons/toolbar.svg") !important; }
	
		/* <<< Submenu "Symbolleisten" >>> */

		/* Lesezeichen-Symbolleiste */
		#view-menu-popup > #toggle_PersonalToolbar { background-image: url("../icons/bookmarks-toolbar.svg"); }
		#view-menu-popup > #toggle_PersonalToolbar > .menu-icon { margin-left: 0; }

		/* Symbolleiste anpassen */
		#menu_customizeToolbars { background-image: url("../icons/Themes.svg"); padding-left: 13px !important; }

		/* ---------------------------------- */
		/* --- Checkboxen in den Submenüs --- */
		/* ---------------------------------- */

        /* Die Kästchen */
		#view-menu-popup menuitem:not([checked=""]) {
            background-image: url("../icons/square.svg") !important;
            background-repeat: no-repeat;
        }

        /* Texte ausrichten */
		#toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="always"][checked=""],
		#toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="newtab"][checked=""],
		#toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="never"][checked=""] {
            margin-left: -25px !important;
		}

        #view-menu-popup menuitem:not([checked=""]) > label[value="Immer anzeigen"],
        #view-menu-popup menuitem:not([checked=""]) > label[value="Nur bei neuem Tab anzeigen"],
        #view-menu-popup menuitem:not([checked=""]) > label[value="Nie anzeigen"] {
            margin-left: -25px !important;
		}

		/* ----------------------------------- */

    /* Sidebar */
    #viewSidebarMenuMenu { background-image: url("../icons/Dock Side Left.svg") !important; }

        /* <<< Submenu "Sidebar" >>> */
		
        #menu_bookmarksSidebar:not([checked="true"]) { 
            background-image: url("../icons/bookmark.svg") !important;
            background-repeat: no-repeat;
        } 
            #menu_historySidebar:not([checked="true"]) { 
            background-image: url("../icons/history.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_tabsSidebar:not([checked="true"]) { 
            background-image: url("../icons/Dock Side Left.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_genaiChatSidebar:not([checked="true"]) { 
            background-image: url("../icons/robot-icon.svg") !important; 
            background-repeat: no-repeat;
        }

    /* Zoom */
    #viewFullZoomMenu { background-image: url("../icons/screenshot.svg") !important; }
	
        /* <<< Submenu "Zoom" >>> */

        #menu_zoomEnlarge { background-image: url("../icons/zoom-in.svg") !important; }	/*  +  */
        #menu_zoomReduce { background-image: url("../icons/zoom-out.svg") !important; }	/*  -  */

		/* Tatsächliche Größe */
        #menu_zoomReset:not([checked="true"]) {
            background-image: url("../icons/reload.svg")  !important;
            background-position: left 1em center;
            background-repeat: no-repeat; 
        }

		/* Gutter-Verhalten für das Zoom-Submenü deaktivieren */
		#viewFullZoomMenu menupopup[needsgutter] > menuitem > .menu-icon,
		#viewFullZoomMenu menupopup[needsgutter] > menu > .menu-icon {
			display: none !important;
		}

		/* Konsistente Einrückung für alle Einträge im Zoom-Submenü */
		#viewFullZoomMenu menupopup > menuitem,
		#viewFullZoomMenu menupopup > menu {
			padding-inline-start: calc(1em + 24px) !important;
			background-position: left 1em center !important;
			background-repeat: no-repeat !important;
			background-size: 16px !important;
		}

		/* Checkbox für "Nur Text zoomen" explizit behandeln */
		#toggle_zoom {
			padding-inline-start: calc(1em + 24px) !important;
			background-position: left 1em center !important;
			background-repeat: no-repeat !important;
			background-size: 16px !important;
		}

		/* Checkbox-Zustände */

		/* <<< "Alles zoomen" >>> */
		#toggle_zoom[checked=""] {
			background-image: url("../icons/square.svg") !important;   /* DAS ist jetzt richtig !! */
		}
	
		/* <<< "Nur Text zoomen */	
		#toggle_zoom:not([checked=""]) {
			background-image: url("../icons/menu-check_lime.svg") !important;
		}

		/* ----------------------------------- */

    /* Webseiten-Stil */
    #pageStyleMenu { background-image: url("../icons/document-css.svg") !important; }

        /* <<< Submenu "Webseiten-Stil" >>> */

		/* <<< "Kein Stil" >>> */
		#menu_pageStyleNoStyle:not([checked="true"]) {
			margin-left: -24px !important;
		}
		#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) {
			margin-left: 0!important;
			background-image: url("../icons/square.svg") !important; 
		}
		#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) > label[value="Kein Stil"] {
			margin-left: -24px !important;
		}
		#menu_pageStyleNoStyle[checked=""] > label[value="Kein Stil"] {
			margin-left: 0 !important;
		}

		/* <<< "Standard-Stil" >>> */
		#menu_pageStylePersistentOnly:not([checked="true"]) {
			margin-left: -24px !important;
		}
		#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) {
			margin-left: 0 !important;
			background-image: url("../icons/square.svg") !important; 
		}
		#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) > label[value="Standard-Stil"] {
			margin-left: -24px !important;
		}
		#menu_pageStylePersistentOnly[checked=""] > label[value="Standard-Stil"] {
			margin-left: 0 !important;
		}

  /* Textkodierung reparieren ausblenden	! */
    #repair-text-encoding { background-image: url("../icons/characterEncoding.svg") !important; }
    /* Vollbild */
    #fullScreenItem { background-image: url("../icons/fullscreen.svg") !important; }

    /* ------------------ */
	/* ---- Chronik ----- */
    /* ------------------ */

	/* Gesamte Chronik anzeigen */
	#menu_showAllHistory { background-image: url("../icons/history.svg"); padding-left: 13px !important; }
	/* Neueste Chronik löschen... */
	#sanitizeItem { background-image: url("../icons/history-forget.svg"); padding-left: 13px !important; }
	/* Vorherige Sitzung wiederherstellen */
	#historyRestoreLastSession { background-image: url("../icons/window-move.svg"); padding-left: 13px !important; }
	/* Chronik durchsuchen */
	#menu_searchHistory { background-image: url("../icons/window-search.svg"); padding-left: 13px !important; }


	#historyUndoMenu,
	#historyUndoWindowMenu { 
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

	/* Kürzlich geschlossene Tabs */
	#historyUndoMenu { background-image: url("../icons/tab-restore.svg"); }
	/* Kürzlich geschlossene Fenster */
	#historyUndoWindowMenu { background-image: url("../icons/session-restore.svg"); }

    /* ------------------ */
	/* -- Lesezeichen --- */
    /* ------------------ */

	/* Lesezeichen verwalten */
	#bookmarksShowAll { background-image: url("../icons/bookmarks-tray.svg"); padding-left: 13px !important; }
	/* Aktuellen Tab als Lesezeichen hinzufügen */
	#menu_bookmarkThisPage { background-image: url("../icons/bookmark-hollow.svg"); padding-left: 13px !important; }
    /* Lesezeichen durchsuchen */
    #menu_searchBookmarks { background-image: url("../icons/search.svg"); padding-left: 13px !important; }
    /* Lesezeichen für alle Tabs hinzufügen… */
    #menu_bookmarkAllTabs { background-image: url("../icons/bookmarks-tray.svg"); padding-left: 13px !important; }
	/* Lesezeichen-Symbolleiste */
	#bookmarksToolbarFolderMenu { list-style-image: url("../icons/bookmarksToolbar.svg") !important; }
	/* Weitere Lesezeichen */
	#menu_unsortedBookmarks { list-style-image: url("../icons/mail-inbox-all.svg") !important; }

	/* ------------------------ */
	/* -- Die Pfeile im Menü -- */
	/* ------------------------ */

	#scrollbutton-up, #scrollbutton-down {
		fill: var(--uc-color-orange-normal, initial) !important;
	}

    :is(#scrollbutton-down, #scrollbutton-up) > .toolbarbutton-icon {
        list-style-image: var(--custom-arrow-image) !important;
    }

	arrowscrollbox[orient="horizontal"] {
    	--custom-arrow-image: url("../icons/Chevron-left.svg") !important; }

    arrowscrollbox {
        --custom-arrow-image: url("../icons/Chevron-down.svg") !important; }

    /* ----------------------------------------------- */
	/* --------- Symbole in den Lesezeichen ---------- */
    /* ----------------------------------------------- */	

	menu.menu-iconic.bookmark-item[container],
	treechildren::-moz-tree-image(container) {
		fill: var(--uc-color-orange-normal) !important;
	}

    /* ------------------ */
	/* ----- Extras ----- */
    /* ------------------ */

	/* Downloads */
	#menu_openDownloads { background-image: url("../icons/downloads.svg") !important; }
	/* Add-ons und Themes */
	#menu_openAddons { background-image: url("../icons/addons.svg") !important; }
	/* Firefox View */
	#menu_openFirefoxView { background-image: url("../icons/firefox.svg") !important; }
	/* Anmelden */
	#sync-setup { background-image: url("../icons/avatar-empty.svg") !important; }
	/* Browser-Werkzeuge */
	#browserToolsMenu { background-image: url("../icons/debugging-workers.svg") !important; 
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

		/* <<< Submenu "Browser-Werkzeuge" >>> */	

		/* Werkzeuge für Web-Entwickler */
		#menu_devToolbox { background-image: url("../icons/developer.svg") !important; }
		/* Task-Manager */
		#menu_taskManager { background-image: url("../icons/performance.svg") !important; }
		/* Externes Debugging */
		#menu_devtools_remotedebugging { background-image: url("../icons/bug.svg") !important; }
		/* Browser-Werkzeuge */
		#menu_browserToolbox { background-image: url("../icons/window-dev-tools.svg") !important; }
		/* Browser-Inhaltswerkzeuge */
		#menu_browserContentToolbox { background-image: url("../icons/command-frames.svg") !important; }
		/* Browser-Konsole */
		#menu_browserConsole { background-image: url("../icons/command-console.svg") !important; }
		/* Bildschirmgrößen testen */
		#menu_responsiveUI { background-image: url("../icons/command-responsivemode.svg") !important; }
		/*Farbpipette */
		#menu_eyedropper { background-image: url("../icons/command-eyedropper.svg") !important; }
		/* Seitenquelltext anzeigen */
		#menu_pageSource { background-image: url("../icons/document-search.svg") !important; }
		/* Erweiterungen für Entwickler */
		#extensionsForDevelopers { background-image: url("../icons/addons.svg") !important; }	
	
	/* Seiteninformationen */
	#menu_pageInfo { background-image: url("../icons/document-endnote.svg") !important; }
	/* Einstellungen */
	#menu_preferences { background-image: url("../icons/settings.svg") !important; }

    /* ------------------ */
	/* ----- Hilfe ------ */
    /* ------------------ */

	/* Hilfe erhalten */
	#menu_openHelp { background-image: url("../icons/help.svg") !important; }
	/* Problem mit Website melden */
	#help_reportBrokenSite { background-image: url("../icons/warning.svg"); padding-left: 36px !important; }
	/* Ideen und Feedback teilen... */
	#feedbackPage { background-image: url("../icons/send.svg") !important; }
	/* Fehlerbehebungsmodus... */
	#helpSafeMode { background-image: url("../icons/debugging-workers.svg") !important; }
	/* Weitere Informationen zur Fehlerbehebung */
	#troubleShooting { background-image: url("../icons/more.svg") !important; }
	/* Betrügerische Website melden... */
	#menu_HelpPopup_reportPhishingtoolmenu { background-image: url("../icons/warning.svg") !important; }
	/* Zu einem neuen Gerät wechseln */
	#helpSwitchDevice { background-image: url("../icons/send-to-device.svg") !important; }
	/* Über Firefox */
	#aboutName { background-image: url("../icons/firefox.svg") !important; }
}

Alles anzeigen

mkpcxxl

Zitat von Mira_Belle

OK, bis auf das Untermenü "Sidebar" habe ich es.

Hallo Mira, habe die neue Version runter geladen und in Benutzung aber im Ansicht Untermenu "Webseiten Stil" gibt es bei mir ein Problem.

Als einziges habe ich die Farben geändert.

Auf dem Screenshot, siehst du es. Kannst du da noch mal schauen, der Rest geht nämlich sehr gut.

Danke und Gruß

Michael

Mira_Belle

Sorry.
Ersetze den Käse unter " /* Webseiten-Stil */ " im Skript durch:

CSS

    /* Webseiten-Stil */
    #pageStyleMenu { background-image: url("../icons/document-css.svg") !important; }

        /* <<< Submenu "Webseiten-Stil" >>> */

		#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) {
			margin-left: 0!important;
			background-image: url("../icons/square.svg") !important;
		}
		#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) label.menu-text { 
			margin-left: -24px  !important;
		}
		#pageStyleMenuPopup #menu_pageStyleNoStyle[checked=""] { 
			margin-left: -24px  !important;
		}

		#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) {
			margin-left: 0 !important;
			background-image: url("../icons/square.svg") !important;
		}
		#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) label.menu-text { 
			margin-left: -24px  !important;
		}
			#pageStyleMenuPopup #menu_pageStylePersistentOnly[checked=""] { 
				margin-left: -24px  !important;
		}

Alles anzeigen

Ab " /* Textkodierung reparieren ausblenden ! */ " alles so lassen wie es ist.

Es gibt noch weiter er Ungereimtheiten, aber dazu komme ich z.Z. nicht.
Wenn die noch mehr auffällt, bitte posten. Danke.

Zoom, da ist, glaube ich noch ein Fehler
und auch in "Symbolleisten" hakt es noch!
An den "Sidebar"s war ich noch nicht drann.

Und zu guter Letzt muss auch im Leistenkontextmenü noch was geändert werden.
Das habe ich schon.

Wenn beide CSS dann im Reinen sind, poste ich sie dann noch einmal komplett.

mkpcxxl

Mira_Belle : Tut mir leid, keine Änderung, sieht mit deinem neuen CSS Schnipsel genau so aus wie mit dem Alten.

Gruß

Michael

Mira_Belle

Deaktiviere das CSS für das Leisenkontextmenü.
UND?

mkpcxxl

Keine Änderung.

Mira_Belle

HILFE 2002Andreas @Horstmann

Ich mache schon den ganzen Nachmittag an diesem Untermenü herum!

Es ist unter Ansicht das Untermenü "Webseiten-Stil".

Mir gehen die Ideen aus und ich bin am ENDE.
Zum allgemeinen Testen habe ich interne Symbole genommen.

Aktiviert erscheint ein Häkchen, deaktiviert soll ein Symbol erscheinen.
So weit, so gut, nur verdammte Axt, das Symbol erscheint entweder gar nicht
oder immer und überlagert damit das Häkchen.

CSS

		/* <<< "Kein Stil" >>> */
menu#view-menu menupopup#menu_viewPopup menu#pageStyleMenu menupopup#pageStyleMenuPopup menuitem#menu_pageStyleNoStyle:not(.menuitem-iconic, [checked="true"]) {
	/*	#pageStyleMenuPopup #menu_pageStyleNoStyle:not(.menuitem-iconic, [checked="true"]) {
		/*	margin-left: -5px !important; */
			background-image: url("chrome://global/skin/icons/settings.svg") !important;
			background-repeat: no-repeat;
            background-position: left 1em center;
		}

		/* <<< "Standard-Stil" >>> */
menu#view-menu menupopup#menu_viewPopup menu#pageStyleMenu menupopup#pageStyleMenuPopup menuitem#menu_pageStylePersistentOnly:not(.menuitem-iconic, [checked="true"]) {
	/*	#pageStyleMenuPopup #menu_pageStylePersistentOnly:not(.menuitem-iconic, [checked="true"]) {
		/*	margin-left: -5px !important; */
		/*	background-image: url("../icons/square.svg") !important; */
			background-image: url("chrome://global/skin/icons/settings.svg") !important;
			background-repeat: no-repeat; 
            background-position: left 1em center;
		}

Alles anzeigen

2002Andreas

Zitat von Mira_Belle

überlagert damit das Häkchen.

Damit wird der Haken ausgeblendet:

CSS

#menu_pageStylePersistentOnly > img {
  visibility: hidden !important;
}

Mira_Belle

Zitat von 2002Andreas

Damit wird der Haken ausgeblendet:

Nur der Haken sollte gar nicht ausgeblendet werden, sondern das Symbol,
welches ihn überlagerte.

Aber Du hast mich auf eine Idee gebracht, denn an visibility: hidden hatte ich noch gar nicht gedacht.
Nur klappte das irgendwie nicht so, wie ich dachte das es gehen müsste.
Dann habe ich mit content und ::before angefangen zu experimentieren.
Das ist dann dabei herausgekommen:

CSS

		/* <<< "Kein Stil" >>> */
		#menu_pageStyleNoStyle:not([checked="true"])::before {
			content: url("chrome://global/skin/icons/settings.svg") !important;
			width: 40px;
			margin-inline-end: 8px;
			margin-top: 5px;
			margin-left: -2px;
		}
		#menu_pageStyleNoStyle[checked=""]::before {
			visibility: hidden !important;
		}
		#menu_pageStyleNoStyle > img.menu-icon {
			margin-left: -46px
		}

		/* <<< "Standard-Stil" >>> */
		#menu_pageStylePersistentOnly:not([checked="true"])::before {
			content: url("chrome://global/skin/icons/settings.svg") !important;
			width: 40px;
			margin-inline-end: 8px;
			margin-top: 5px;
			margin-left: -2px;
		}
		#menu_pageStylePersistentOnly[checked=""]::before {
			visibility: hidden !important;
		}
		#menu_pageStylePersistentOnly > img.menu-icon {
			margin-left: -46px
		}

Alles anzeigen

Es funktioniert, irgendwie!
Aber könnte da noch mal jemand mit mehr Erfahrung drüberschauen?
Ich finde, das ist einfach zu komplex und kompliziert.
Das müsste doch auch einfacher gehen, oder?

Mira_Belle

War ungeduldig! Sorry.

CSS

/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked="true"])::before,
#menu_pageStylePersistentOnly:not([checked="true"])::before {
	content: url("chrome://global/skin/icons/settings.svg") !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-inline-end: 8px;
    margin-top: 2px;
    vertical-align: middle;
}
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle[checked=""]::before,
#menu_pageStylePersistentOnly[checked=""]::before {
    visibility: hidden !important;
}

#menu_pageStyleNoStyle > img.menu-icon,
#menu_pageStylePersistentOnly > img.menu-icon {
    margin-left: -24px
}

Alles anzeigen

Schaut etwas besser aus, oder?

2002Andreas

Zitat von Mira_Belle

Schaut etwas besser aus, oder?

Ich habe das mal für mich angepasst, sieht dann so aus:

CSS

/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked="true"])::before,
#menu_pageStylePersistentOnly:not([checked="true"])::before {
	content: url("chrome://global/skin/icons/settings.svg") !important;
    margin-right: -8px !important;
    margin-left: -5px !important;
    margin-top: 4px !important;
   
}
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle[checked=""]::before,
#menu_pageStylePersistentOnly[checked=""]::before {
    visibility: hidden !important;
}

#menu_pageStyleNoStyle > img,
#menu_pageStylePersistentOnly > img {
    margin-left: -6px !important;
}

Alles anzeigen

Mira_Belle

Update!
css2.zip
Und falls das Symbol gebraucht wird.
menu-check_lime.svg

Mira_Belle

Oh, kleiner Fauxpas
Im 01 Symbole_Menüleiste.css bitte ab Zeile 190
folgenden Code deaktivieren oder löschen.

CSS

        /* Texte ausrichten */
	/*	#view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="always"][checked=""],
		#view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="newtab"][checked=""],
		#view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="never"][checked=""] {
            margin-left: -25px !important;
		}

        #view-menu-popup menuitem:not([checked=""]) > label[value="Immer anzeigen"],
        #view-menu-popup menuitem:not([checked=""]) > label[value="Nur bei neuem Tab anzeigen"],
        #view-menu-popup menuitem:not([checked=""]) > label[value="Nie anzeigen"] {
            margin-left: -25px !important;
		}

Alles anzeigen

Oh, wie peinlich. Mir ist noch ein Fehler unterlaufen!
Zeile 265

CSS

		/* Checkbox-Zustände */

		/* <<< "Alles zoomen" >>> */
	/*	#toggle_zoom[checked=""] { */
		#toggle_zoom:not([checked=""]) {
			background-image: url("../icons/menu-check_lime.svg") !important;
		}
	
		/* <<< "Nur Text zoomen */	
	/*	#toggle_zoom:not([checked=""]) { */
		#toggle_zoom[checked=""] {
			background-image: url("../icons/square.svg") !important;
		}

Alles anzeigen

Hier einfach diesen Code nutzen.

Da probiert man alles Mögliche aus, und dann so was.
Bitte vielmals um Entschuldigung.

Symbole in den Kontextmenüs [ Update ]

Beitrag von Horstmann (26. März 2026 um 19:50)

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

SUCHE Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

Beitrag von Horstmann (26. März 2026 um 19:50)

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

*SUCHE* Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

SUCHE Addon für den Verlauf