Wenn ich in der Seitenleiste links die Icons (z.B. Kalender,Mail....) anklicke wird der Hintergrund farbig.
Ist es möglich das der Hintergrund Transparent ist und nur das Icon selber farbig wird.
Teste bitte mal das ↓.
#spacesToolbar > div > button.current {
background: none !important;
color: #FFF !important;
}
#spacesToolbar > div > button.current img {
stroke: #F20 !important;
}
#spacesToolbar > div > button.current:hover img {
stroke: #000 !important;
}
#spacesToolbar > div > button.current:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}super vielen Dank funktioniert perfekt, genau so wie ich mir das vorgestellt habe.
Schön das es Dir gefällt, war gerne geschehen. 
Funktioniert auch bei mir perfekt, Dankeschön!
Mich würde jedoch interessieren, ob das Icon beim Hover auch vergrößert werden kann?
Mich würde jedoch interessieren, ob das Icon beim Hover auch vergrößert werden kann?
Ändere mal das * dahingehend **.
*
#spacesToolbar > div > button.current:hover img {
stroke: #000 !important;
}**
#spacesToolbar > div > button:hover img,
#spacesToolbar > div > button.current:hover img {
scale: 1.2 !important;
stroke: #000 !important;
}Danke dir für das CSS, allerdings brachte dies nicht den erwünschten Erfolg. Aktuell sieht die userChrome.css für die Steinleiste somit wie folgt aus:
#spacesToolbar > div > button.current {
background: none !important;
color: #FFF !important;
}
#spacesToolbar > div > button.current:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
#spacesToolbar > div > button.current img {
stroke: #F20 !important;
}
#spacesToolbar > div > button:hover img,
#spacesToolbar > div > button.current:hover img {
scale: 1.2 !important;
stroke: #000 !important;
}Was zu folgender Ansicht wird:
Wenn ich mit den Mauszeiger über eines der Symbole bewege, dann wird der Hintergrund eingefärbt, aber das Symbol nicht vergrößert dargestellt.
Warte... ich habe nun scale: 1.8 verwendet und nun siehts anders aus. Zwar extrem vergrößert und teilweise ist der Sinn des Symbols damit nicht mehr erkennbar, aber es ist zumindest ein Anhaltspunkt wo ich noch drehen muss.
Mit dem Wert 1.5 ist jetzt ein annehmbarer Kompromiss gefunden. Die Symbole vergrößern sich und sind weiterhin erkennbar.
Danke dir,
Michael
Danke dir
Aber gerne doch.
Mich würde jedoch interessieren, ob das Icon beim Hover auch vergrößert werden kann?
Hallo dharkness,
könntest Du mir helfen die 6 Phoenity Buttons in der Tab-Leiste auch beim Hover zu vergrößern? Das sind diese hier:
/* ---Phoenity Buttons anpassen--- */
#phb_addonsButton,
#phb_configButton,
#phb_devToolsButton,
#phb_prefsButton,
#phb_searchButton,
#phb_restartButtonGruß
Markus
könntest Du mir helfen die 6 Phoenity Buttons in der Tab-Leiste auch beim Hover zu vergrößern? Das sind diese hier:
Teste bitte mal das ↓.
/* ---Phoenity Buttons anpassen--- */
#phb_addonsButton:hover > image,
#phb_configButton:hover > image,
#phb_devToolsButton:hover > image,
#phb_prefsButton:hover > image,
#phb_searchButton:hover > image,
#phb_restartButton:hover > image {
transform: scale(1.4) !important;
}Mit dem Wert 1.5 ist jetzt ein annehmbarer Kompromiss gefunden. Die Symbole vergrößern sich und sind weiterhin erkennbar.
Ändere die * Zeile bitte mal dahingehend ** und sage Bescheid, ob es immer noch funktioniert.
*
scale: 1.5 !important;
**
transform: scale(1.5) !important;
Display MoreMit dem Wert 1.5 ist jetzt ein annehmbarer Kompromiss gefunden. Die Symbole vergrößern sich und sind weiterhin erkennbar.
Ändere die * Zeile bitte mal dahingehend ** und sage Bescheid, ob es immer noch funktioniert.
*
scale: 1.5 !important;
**
transform: scale(1.5) !important;
Hallo dharkness,
Vielen Dank für deinen genialen Code. Es funktioniert mit transform: scale(1.5, 1.5) !important;. Ist mir aber zu groß. Mir reicht die 1.4 völlig.
Gruß
Markus
Es funktioniert mit transform: scale(1.5, 1.5) !important;.
Hm, hier reicht in er Tat meine originale Zeile, egal welcher Wert eingetragen ist.
