Benötige Hilfe bei:#PanelUI-menu-button und #nav-bar-overflow-button  [GELÖST]

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Antworten
Benutzeravatar
ralf61
Junior-Mitglied
Beiträge: 19
Registriert: Mi, 20. Feb 2019 21:16

Benötige Hilfe bei:#PanelUI-menu-button und #nav-bar-overflow-button

#1

Beitrag von ralf61 Themen-Starter » Do, 16. Mai 2019 2:27

Hi,
kann mir jemand helfen bei diesem Problem:
ich habe die "ADRESSLEISTE-NAVIGATIONSLEISTE-SYMBOLLEISTE" in der Höhe etwas reduziert und zwar so:
#nav-bar {
max-height: 22px !important;
min-height: 22px !important;
border:none!important;
box-shadow: unset!important;
}
#nav-bar toolbarbutton {
margin-bottom: -4px !important;
margin-top: -3px !important;
}
das funzt auch mit allen Icons gut, aber es gibt zwei Ausnahmen:

#PanelUI-menu-button
#nav-bar-overflow-button

Bei Beiden ist der :hover-Hintergund wesentlich höher als die Leiste.
Hatte gedacht das es auch ein z-index Problem sein könnte....
War's aber nicht...

Also nicht 22px wie bei allen anderen Icons, sondern vielleicht 26px bei :hover. Das nervt.....
Es geht nur um den Hintergund, die Icons sind mittig , in der richtigen Größe, und können auch so bleiben....

Wie kann ich den Mouseoverhintergund bei diesen Beiden ansprechen?
Grüße aus Lübeck...
Probleme mit CSS? Hier wird Dir geholfen:
https://www.reddit.com/r/FirefoxCSS/
Englisch ist nicht Deine Sprache? Benutze https://deepl.com, gibt's auch als addon für FF: https://addons.mozilla.org/de/firefox/addon/deepl/

Benutzeravatar
ralf61
Junior-Mitglied
Beiträge: 19
Registriert: Mi, 20. Feb 2019 21:16

Re: Benötige Hilfe bei:#PanelUI-menu-button und #nav-bar-overflow-button

#2

Beitrag von ralf61 Themen-Starter » Do, 16. Mai 2019 2:55

Screenshot zum besseren Verständnis:
Problem.gif
Problem.gif (4.71 KiB) 247 mal betrachtet
Probleme mit CSS? Hier wird Dir geholfen:
https://www.reddit.com/r/FirefoxCSS/
Englisch ist nicht Deine Sprache? Benutze https://deepl.com, gibt's auch als addon für FF: https://addons.mozilla.org/de/firefox/addon/deepl/

Benutzeravatar
ralf61
Junior-Mitglied
Beiträge: 19
Registriert: Mi, 20. Feb 2019 21:16

Re: Benötige Hilfe bei:#PanelUI-menu-button und #nav-bar-overflow-button  [GELÖST]

#3

Beitrag von ralf61 Themen-Starter » Mo, 20. Mai 2019 13:48

Lösung:
Für mich funktionierte nur dieser Tipp aus einem anderen Forum: transform: scale.
Nun sieht es so aus:

Code: Alles auswählen

#nav-bar {
	max-height: 22px !important;
	min-height: 22px !important;
	border:none!important;
	box-shadow: unset!important;
} 
#nav-bar #nav-bar toolbarbutton   {
	margin-bottom: -4px !important;
	margin-top: -3px !important;
} 
#nav-bar #PanelUI-menu-button {
	transform: scale(1.0, 0.75) !important;
	padding-top: 0px!important;
	padding-bottom: 1px!important;
	padding-left:0px!important;
	padding-right:0px!important;
}
#nav-bar #nav-bar-overflow-button{
	transform: scale(1.0, 0.75) !important;
	padding-top: 0px!important;
	padding-bottom: 1px!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin-left:-1px!important;
}
Allerdings waren dann die #nav-bar-overflow-button und #PanelUI-menu-button Icons zu klein, und ich habe eigene Icons eingebaut.
Probleme mit CSS? Hier wird Dir geholfen:
https://www.reddit.com/r/FirefoxCSS/
Englisch ist nicht Deine Sprache? Benutze https://deepl.com, gibt's auch als addon für FF: https://addons.mozilla.org/de/firefox/addon/deepl/

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste