Aus akt. Anlass:
mal eben beim Chef/Guru nachgefragt
Thanks for letting me know.
danke für die Erklärung, Ich habe einfach nur die var() übersehen,
so ein sch...
Zitat--uc-overflow-y ist so eine selber erstellte Variable - --uc wird glaub ich ursprünglich von It_Was_The_Other_Guy benutzt, und ist ein beliebiges Kürzel.
Dein GuRu ist nicht der Erfinder des Präfixes uc .
Zitat
Wenn ja, dann teste doch diesen einfachen Code mal:
Hat es bei Dir auch Nebenwirkungen, z.B. Tabkontextmenue...?
Bisher habe ich die Shadowroot-Variablen-Lösung immer mit einer Variablen-Deklaration eine Ebene höher als die Variablen-Definition angewendet. Hast Du vielleicht hierfür auch eine einfachere Lösung?
/*vertical scrollbar for bookmarks folder*/
#PlacesToolbar menupopup {
--uc-menupopup-overflow: auto !important;
}
.scrollbox-clip > scrollbox[orient="vertical"] {
overflow-y: var(--uc-menupopup-overflow,hidden) !important;
}Nur mit:
.scrollbox-clip > scrollbox[orient="vertical"] {
--uc-overflow-y: auto !important;
}geht das jedenfalls nicht.
Gast Du mal einen Screenshot?
Läuft! Endlich kann Udo Lindenberg sich seinen ersten Nr.-1-Hit in Platin an die Wand hängen. Sein Titel „Komet“, den er mit Rapper „Apache 207“ aufgenommen hat, geht durch die Decke!
Danke für die Bestätigung meiner Vermutung!
Auch ich habe festgestellt, dass beim Benennen der Datei mit dem Präfix 01 die Ladegeschwindigkeit geringfügig besser ist.
Allerdings habe ich auch gestaffelt (50ms) ein timout eingefügt, funzt nicht. Vielleicht ist das das letzte unlösbare Problem.
Danke! Das bringt mich weiter. Muss ich wohl überprüfen. War bei mir schon in der Vorgängerversion bis 111 so.
Eine allgemeine Frage hätte ich noch zu den angepassten Toolbarbutton-Tooltips tooltip[label*=" "]. Bei mir reagieren die angepassten Tooltips der Toolbarbuttons mit einer Verzögerung von mehreren Sekunden nach einem Neustart, ist das bei Dir auch so?
Vielen Dank an alle Mitwirkenden!
Die Tooltips der Toolbarbuttons funktionieren jetzt wieder!
Hier meine adaptierte Lösung:
(function () {
var css = `
tooltip[label*=" "] {
appearance: none !important;
background-color: #323232 !important;
font-size: 12px !important;
color: #F9F9F9 !important;
border: 1px solid #cc520066 !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 7px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
tooltip {
appearance: none !important;
background-color: #323232 !important;
font-size: 12px !important;
color: #F9F9F9 !important;
border: 1px solid #cc520066 !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 6px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
#tabbrowser-tab-tooltip {
appearance: none !important;
background-color: #323232 !important;
font-size: 13px !important;
color: #F9F9F9 !important;
border: 1px solid #cc520066 !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
.tooltip {
appearance: none !important;
background-color: #323232 !important;
color: #F9F9F9 !important;
font-size: 12px !important;
font-family: Swis721 BT !important;
border: 1px solid #cc520066 !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 4.5px 7px 4.5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
`;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();ZitatAlso nochmal meine Frage: Mary-J. Firefox oder Website?
Im besten Fall beides.
Aber Firefox würde mir schon reichen.
Tooltips sind eben sehr verschachtelt und nicht einfach zu ändern.
Und es gibt es eben auch Überschneidungen zwischen chrome und content.
Ich push das mal.
Hier nochmal meine Anfangsfrage:
ZitatHallo,
kennt jemand ein Script um die tooltips anzupassen?
Danke schon mal i.v.
Der tooltip
.tooltipkommt tatsächlich vom Browser (chrome) und nicht von userContent.
Gn8
ZitatDir ist schon klar, dass das etwas völlig Anderes ist? Hier geht es um eine Website, nicht um die Oberfläche von Firefox.
Stimmt auch nur bedingt, dieser tooltip kommt von chrome.
Zitatwas definitiv nicht so sein sollte.
Doch, siehe oben.
Ja gerne, aber Dir ist schon klar, das das nicht mein Prop ist.
Außerdem ist Screenshot mit Tooltip in FF nicht möglich
ZitatEs scheint zu funktionieren, bis auf .tooltip. Aber das will nichts besagen. Hast du für .tooltip einen Anwendungsfall? Ich müsste jetzt erst einmal in den Browserwerkzeugen suchen.
ZitatWelche "Blasen" Tooltips mit dem Selektor .tooltip (BLAU) angesprochen werden sollten, ist mir schleierhaft.
WetterRadar oben rechts:
Die 5 Symbole: WetterRadar, RegenRadar, usw.
Danke @Mira_Belle,
damit weiß ich das das Problem schon mal Betriebssystemunabhängig ist.
ZitatGibt es denn eine Möglichkeit per Browserwerkzeugen die Selektoren raus zu finden?
Die "Blasen" (Tooltips) schließen sich ja automatisch.
Genau daran bin ich auch gescheitert.
Aber siehe:
Zitat[Dies ist merkwürdig: Wenn ich ich die Entwicklerwerkzeuge(chrome) öffne, funktioniert das Script plötzlich (ohne Neustart) einwandfrei, nach einem Neustart wieder nicht.]
Deshalb gehe ich davon aus dass der Selektor schon richtig ist.
uups überschnitten......
ZitatIst das das ganze Skript?
Ja, und es hat bis 111 auch gut funktioniert.
ZitatWarum machst das nicht gleich mit CSS statt mit einem Benutzerskript?
Weil es NUR mit css nicht funktioniert hat, deshalb die Einbettung von css in javascript (Ladezeitpunkt).
Funktioniert das Script bei Dir?
Ein Test auf einem anderen Betriebssystem würde mir schon weiterhelfen.
Hallo,
kennt jemand ein Script um die tooltips anzupassen?
Bisher nutze ich das hier:
(function () {
var css = `
tooltip {
appearance: none !important;
background-color: red !important;
font-size: 12px !important;
color: white !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 6px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
#tabbrowser-tab-tooltip {
appearance: none !important;
background-color: green !important;
font-size: 13px !important;
color: white !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
.tooltip {
appearance: none !important;
background-color: blue !important;
color: white !important;
font-size: 12px !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 4.5px 7px 4.5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
`;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();Aber das funktioniert scheinbar nur noch bedingt.
Die tooltips der toolbarbuttons in der #nav-bar werden damit nicht mehr angesprochen.
[Dies ist merkwürdig: Wenn ich ich die Entwicklerwerkzeuge(chrome) öffne, funktioniert das Script plötzlich (ohne Neustart) einwandfrei, nach einem Neustart wieder nicht.]
Edit:
Danke schon mal i.v.