Firefox View

FuchsFan

Zitat von grisu2099

Das war die einzige Möglichkeit, die ich gefunden habe, um die Hoverfarbe links im Navi-Bereich so zu gestalten.

Das ist auch nicht mehr so einfach, musste auch nach Möglichkeiten suchen. Eine Variante hatte ich hier schon gezeigt, bin jetzt auch dabei geblieben.

CSS

/* =========================================
   Sidebar Buttons (alle)
========================================= */

/* Inaktive Buttons */
:root {
   --button-background-color-ghost: #e0e0e0 !important;
}

/* Firefox Buttons / HG rechts */
moz-page-nav-button {
   --page-nav-button-border-radius: 0 60px 60px 0 !important;
   /* Farben */
   --page-nav-button-background-color-selected: #228b22 !important;
   --page-nav-button-background-color-hover: #26f7fd !important;
   --page-nav-button-background-color-active: greenyellow !important;
   /* Textfarbe */
   --page-nav-button-text-color: black !important;
   --page-nav-button-text-color-hover: #480607 !important;
   --page-nav-button-text-color-active: blue !important;
}
moz-page-nav-button:hover {
    background: #9dff00 !important;
	background-repeat: no-repeat !important;
	background-position: 12px 10px !important;
}

/* Buttons / HG links */
moz-page-nav-button {
   border: 2px solid #3b2f2f !important;
   border-radius: 60px  !important;
   background-color: #ffffe4 !important;
   width: 260px !important;
   margin-left: 20px !important;
}

/* aktiver Button */
button[aria-selected="true"] {
    appearance: none !important;
    border: 2px solid white !important;
}
a.moz-page-nav-link,
button[aria-selected="false"] {
    appearance: none !important;
    border: 2px solid white !important;
}	

/* Textfarbe im aktiven Button */  
button[selected] {
   color: yellow !important;  
}
  
/* blauer Rand links im aktiven Button ausgeblendet */
@media not (prefers-contrast) {
   button::before {
   content: "";
   display: none !important;
  }
}
}

/* Button Einstellungen ENDE */

Alles anzeigen

grisu2099

Das hatte ich auch gesehen, fand aber die "Zweifarbigkeit" nicht so toll. Genau deswegen habe ich dann noch mal angefangen zu basteln...

FuchsFan

Zitat von grisu2099

Genau deswegen habe ich dann noch mal angefangen zu basteln...

Sören Hentzschel

Zitat von grisu2099

Keine Ahnung, was da bei Sören anders ist.

Ich habe es über den Stileditor von Firefox getestet. Wieso das einen Unterschied machen sollte, kann ich nicht sagen. Aber das zu untersuchen, hat für mich aktuell keine Priorität.

grisu2099

Kein Problem. Mittlerweile ist ja bestätigt, daß der Code funktioniert...

Endor

Hallo zusammen.
In Firefox View - Kürzlich besucht
gibt es rechts zwei Schaltflächen, drei Punkte und schließen Kreuz.

Bei drei Punkte Schaltfläche öffnet sich ja dieses Menü mit Untermenü.
Würde da gerne Symbole einbauen. Kriege ich aber nicht angesprochen.
Habt Ihr eine Idee?

Hatte so was probiert:

CSS

	button:nth-child(2)[label="Tab verschieben"]{
	appearance: none !important;
	background: url("..//icons/New-Tab/Pocket.png") no-repeat !important;
	background-position:7px 6px!important;
	padding-bottom: 2px!important;
	padding-top:2px!important;
	padding-left: 6px!important;}	
	
	button:nth-child(2)[label="Tab anheften"]{
	appearance: none !important;
	background: url("..//icons/New-Tab/Pocket.png") no-repeat !important;
	background-position:7px 6px!important;
	padding-bottom: 2px!important;
	padding-top:2px!important;
	padding-left: 6px!important;}	
	
	button:nth-child(2)[label="Tab stummschalten"]{
	appearance: none !important;
	background: url("..//icons/New-Tab/Pocket.png") no-repeat !important;
	background-position:7px 6px!important;
	padding-bottom: 2px!important;
	padding-top:2px!important;
	padding-left: 6px!important;}		
	
	button:nth-child(2)[label="Link kopieren"]{
	appearance: none !important;
	background: url("..//icons/New-Tab/Pocket.png") no-repeat !important;
	background-position:7px 6px!important;
	padding-bottom: 2px!important;
	padding-top:2px!important;
	padding-left: 6px!important;}	
	
	menuitem[label="An Mobilgerät senden"]{
	appearance: none !important;
	background: url("..//icons/New-Tab/Pocket.png") no-repeat !important;
	background-position:7px 6px!important;
	padding-bottom: 2px!important;
	padding-top:2px!important;
	padding-left: 6px!important;}

Alles anzeigen

Tut es aber auch nicht.
Wäre für jede Hilfe dankbar.
Mfg.
Endor

edvoldi

Hallo Endor,
mit diesem Befehl werden überall icons angezeigt.

CSS

button[role="menuitem"][part="button"] {
		background-image: url("../../../Icons/Bild45.png") !important;
		padding-left: 36px !important;
	}

Das ansprechen einer Zeile habe ich noch nicht gefunden!
Gruß EDV-Oldie

edvoldi

Das sieht dann bei mir so aus!

Endor

Hallo edvoldi.
Vielen Dank. Funktioniert.
Lieber wäre mir ja wenn ich jedem Eintrag ein eigenes Symbol
verpassen könnte. Aber im Moment verwende ich deinen css Code.
Nochmals vielen Dank einstweilen.
Mfg.
Endor

grisu2099

Nimm das als Inspiration und bastel dir was schönes...

CSS

			/** PopUp 3-Punkte-Button **/
		/* Separator */
	panel-list {
		--fxview-element-background-hover: rgb(0,150,0) !important;
		--button-background-color-hover: rgb(0,150,0) !important;
		border: 2px ridge rgb(211,211,211) !important;
		border-radius: 10px !important;
		background-color: rgb(40,40,42) !important;
		padding: 5px !important;
		& > hr {
			border-top: 2px ridge rgb(0,128,0) !important;
			height: 0 !important;
			margin: 2px 0 !important;
		}
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab"] {
		background-image: url("file:///E:/ICONS/FF/move-tab.png") !important;
	}
		/* Untermenü */
	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-start"] {
		background-image: url("file:///E:/ICONS/FF/arrow-start.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-end"] {
		background-image: url("file:///E:/ICONS/FF/arrow-stop.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-window"] {
		background-image: url("file:///E:/ICONS/FF/window-new.png") !important;
	}
		/* Ende Untermenü */

	panel-list > panel-item[data-l10n-id="fxviewtabrow-pin-tab"] {
		border-radius: 3px !important;
		background-image: url("file:///E:/ICONS/FF/pin-grün.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-unpin-tab"] {
		background: url("file:///E:/ICONS/FF/pin-rot.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-mute-tab"] {
		background-image: url("file:///E:/ICONS/FF/sound-off.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-unmute-tab"] {
		background-image: url("file:///E:/ICONS/FF/sound-on.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-copy-link"] {
		background-image: url("file:///E:/ICONS/FF/copy.png") !important;
	}
	panel-list > panel-item[data-l10n-id="fxviewtabrow-send-to-device"] {
		background-image: url("file:///E:/ICONS/FF/share2.png") !important;
	}
		/* Untermenü */
	#send-tab-menu > panel-item[device-id="f81c820bcbd0e38f355b4f3ad6771142"] {
		background-image: url("file:///E:/ICONS/FF/Laptop16.png") !important;
	}
		/* Ende Untermenü */
	
	panel-list > panel-item[data-l10n-id="fxviewtabrow-open-in-window"],
	panel-list > panel-item[data-l10n-id="fxviewtabrow-open-in-private-window"] {
		background-image: url("file:///E:/ICONS/FF/window-new.png") !important;
	}
	panel-list > panel-item[data-l10n-id="firefoxview-history-context-delete"] {
		background-image: url("file:///E:/ICONS/FF/Trashcan.png") !important;
	}
	panel-list > panel-item[data-l10n-id="firefoxview-history-context-forget-site"] {
		background-image: url("file:///E:/ICONS/FF/cross3.png") !important;
	}
	panel-list > panel-item {
		border-radius: 3px !important;
		background-repeat: no-repeat !important;
		background-position: 5px 3px !important;
	}
	panel-list > panel-item:hover {
		background-color: rgb(0,150,0) !important;
	}
	button[role="menuitem"] {
		border-radius: 3px !important;
		padding: 3px 5px 3px 10px !important;
		margin-left: 21px !important;
	}

Alles anzeigen

Endor

Hallo grisu2099 .
Vielen Dank werde ich umgehend testen.

Mfg.
Endor

grisu2099

Wenn du den Rest auch haben möchtest -> Bescheid...

edvoldi

Bin schon beim anpassen!

Endor

Hallo grisu2099 .
Funktioniert soweit prima.
Nur der letzte Eintrag mit Untermenü da tut sich nichts.
An Mobilgerät senden und Untermenü tut sich nichts.

Mfg.
Endor

grisu2099

Da ist im Code eine device-id angegeben. Die mußt du wahrscheinlich durch die bei dir gültige ersetzen. Da sind ja über das Mozilla-Konto verbundene Geräte gemeint.

Endor

Hat sich erledigt.
Habe beides nun hinbekommen.
Vielen Dank nochmals.

Mfg.
Endor

edvoldi

Zitat von Endor

An Mobilgerät senden und Untermenü tut sich nichts.

Ist bei mir auch so, ich denke das jeder eine andere ID hat.

Endor

Da ich in diesem Profil bei keinem Gerät angemeldet bin, ist es nochmals anders.
Aber nun habe ich es hier am laufen.
Mfg.
Endor

edvoldi

Zitat von grisu2099

Die mußt du wahrscheinlich durch die bei dir gültige ersetzen

Wo finde ich die?

Gruß EDV-Oldie

grisu2099

Geh mal mit den Browser-Werkzeugen ran. Da kannst du das Menü offenhalten und die Einträge anklicken.

Firefox View

Ähnliche Themen

Firefoxview Button Strich rechts daneben entfernen

Firefox 149.0beta9 Schriftfarbe der Tab im Split-View-Modus ändern

Natives Split View im Firefox

Titelleiste color nicht alle Buttons gleiche Farbe