Danke, aber hat leider nichts geändert.
Ich hab mal zurückgelesen, scheint's du hast eine Menge alten Code am Laufen der in die Quere kommen könnte, und den kennt hier offensichtlich keiner.
Gepostet hattest du auch nur einen Bruchteil davon.
Vielleicht ist es an der Zeit sich mal die Browserwerkzeuge anzuschauen.
Hallo,
ab FF 126 ist die Linie in ähnlicher Form wieder da, läuft jetzt aber scheinbar unter allen Tabs durch und stört somit nochmehr.
Würde mich freuen, wenn das behebbar wäre.
Du könntest mal einen dieser beiden Codes probieren:
#nav-bar {
border-top: 0px !important;
}Oder:
#nav-bar {
border-top-color: transparent !important;
}siehe mein Script oben.
Habe ich dann gesehen, ich weiß aber nicht vorher, ob und wer etwas schreibt. Außerdem interessiert es einen Nutzer vielleicht, was sich wirklich geändert hat und braucht sich dann aber nicht durch das ganze Skript kämpfen.
Absolut nichts gegen die grosszügige Hilfe von Endor , versteht sich, aber ein kommentarlos korrigiertes Script/CSS Code etc. hat nur begrenzten Nutzen für nur Einige - zu wissen was und/oder warum geändert wurde, und Hinwiese wie man es selber hinbekommt, das hilft dafür und für viele andere Anwendungen.
Es gibt natürlich auch schon einige hilfreiche Beiträge dazu, wie hier etc..
... wenn man nicht alles selber macht ...
Menno, das hört sich jetzt aber böse an.
Habe auch schon dran gehangen, aber keine brauchbare Version zustande gebracht.
Muss aber gesehen, war auch nicht so intensiv am Basteln.Werde Deine Version mal testen.
-------------------------------------------
Funktioniert! FF 125.0.3 (64-Bit)
Sorry, hab schnell noch das Smiley nachgeliefert, war natürlich nur ein Scherzchen.. 
Ich hab deine CSS Lösungen in einigen Scripts, funktionieren alle prima.
Und nicht zu vergessen dein geniales Profilbutton Script, das benutze ich mehr als alles Andere.
Selber habe ich zu wenig Ahnung von JS um den potentiellen Fehler zu finden; hab's versucht, war aber nix.
var buttonicon = "LettersT-2.png"
Am Ende dieser Zeile (Nr. 19 oben) fehlt ein Semikolon. Ich sehe aber gerade, dass der Fehler zuvor schon bei Horstmann vorhanden ist, dort in Z.16.
Danke, Fehler behoben.
Und ja, das mit der Variable ist der Clou am Ganzen.
Und hier noch eine Variante mit im Script integriertem CSS - wenn man nicht alles selber macht
, hoffe das klappt so bei Euch.
Das benutzt das abgewandelte Script von 2002Andreas , die CSS Formel von Mitleser weiter oben, und von Mira_Belle die Lösung für 2 separate Icons, aus einem früheren Projekt.
Vielen Dank für die Hilfe!
Icons hängen unten an, wieder brav in chrome/icons packen, und einige CSS Einträge zum Spielen, grossteils auskommentiert, aber da zur Veranschaulichung.
WIe's dann aussieht - hoffentlich - in Toolbar bzw. Overflowmenü, s. Screenshots (nicht über die Farben etc. wundern, das ist nur mein Testprofil).
// https://www.camp-firefox.de/forum/thema/136599-tooltips-nur-f%C3%BCr-die-bedienoberfl%C3%A4che-ausschalten/?postID=1249369#post1249369
// tooltip-toggle.uc.js
// Toggle tooltips, CSS, Icons, raus #6b
(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'tooltip_button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var props = {
id: 'tooltip_button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Tooltip Toggle',
tooltiptext: "toggle tooltips",
background: Services.prefs.getBoolPref('browser.chrome.toolbar_tips') ? 'red' : 'cyan',
oncommand: '(' + onCommand.toString() + ')()'
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { }
function onCommand() {
var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
var isEnabled = !prefs.getBoolPref('browser.chrome.toolbar_tips');
prefs.setBoolPref('browser.chrome.toolbar_tips', isEnabled);
if (isEnabled) {
tooltip_button.setAttribute('background', 'red');
}
else {
tooltip_button.setAttribute('background', 'cyan');
}
}
(function () {
let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
let iconOff = "LettersToff-2.png"; // OFF icon
let iconOn = "LettersT-2.png"; // ON icon
let css = `
/*** icons ON/OFF ***/
toolbar:not([customizing]) #tooltip_button[background ="cyan"] {
list-style-image: url("${ProfilePath}/${iconOff}") !important;
}
#tooltip_button {
list-style-image: url("${ProfilePath}/${iconOn}") !important;
}
/*** tooltips OFF adjustments ***/
/* button in toolbar */
toolbar:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) .toolbarbutton-icon {
/*opacity: 0.5 !important;
background: pink !important;*/
}
/* button in overflow menu */
:root:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) label {
opacity: 0.5 !important;
text-decoration: line-through red;
}
/*** tooltips ON adjustments ***/
/*
toolbar:not([customizing]) #tooltip_button[background ="red"]:not(:hover, :active) .toolbarbutton-icon {
background: lightblue !important;
}
*/
`;
let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();
})();
Nu aber, sorry.
JavaScriptvar button = document.getElementById('tooltip_button'); if (isEnabled) { button.style.background = 'red'; } else { button.style.background = 'cyan'; }
Hmm, will bei mir nicht klappen - bin aber auf 115esr/Mac, evtl. liegt's daran?
Was diesen background Teil angeht, das dient nur zum Erstellen der Attribute, die man dann im CSS weiterverwenden kann, nicht dazu den Hintergrund zu färben.
JavaScript// https://www.camp-firefox.de/forum/thema/136599-tooltips-nur-f%C3%BCr-die-bedienoberfl%C3%A4che-ausschalten/?postID=1249369#post1249369 // tooltip-toggle_5.uc.js raus#1 (function() { if (location.href !== 'chrome://browser/content/browser.xhtml') return; try { CustomizableUI.createWidget({ id: 'tooltip_button', type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); var buttonicon = "LettersT-2.png" var toolbaritem = aDocument.createXULElement('toolbarbutton'); var props = { id: 'tooltip_button', class: 'toolbarbutton-1 chromeclass-toolbar-additional', removable: true, label: 'Tooltip Toggle', tooltiptext: "toggle tooltips", style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");', background: Services.prefs.getBoolPref('browser.chrome.toolbar_tips') ? 'red' : 'cyan', oncommand: '(' + onCommand.toString() + ')()' }; for (var p in props) toolbaritem.setAttribute(p, props[p]); return toolbaritem; } }); } catch(e) { }; function onCommand() { var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch); var isEnabled = !prefs.getBoolPref('browser.chrome.toolbar_tips'); prefs.setBoolPref('browser.chrome.toolbar_tips', isEnabled); if (isEnabled) tooltip_button.setAttribute('background', 'red') else tooltip_button.setAttribute('background', 'cyan'); }; (function () { let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(` /* tooltips OFF adjustments */ /* button in toolbar */ toolbar:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) .toolbarbutton-icon { opacity: 0.5 !important; } /* button in overflow menu */ :root:not([customizing]) #tooltip_button[background ="cyan"] label { opacity: 0.5 !important; } `), null, null); sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); }) })();
Oups, funktioniert nur leider nicht, jedenfalls der CSS Teil.
Evtl. kann dir Horstmann ja sein angepasstes Skript bezüglich der Pfade geben.
Kanner, wenn's denn auch klappt.
Ich habe am Script von 2002Andreas etwas herumgepfuscht, scheint soweit zu funktionieren.
Das Icon (eines hängt wieder unten an) wird wieder in Profilname/chrome/icons erwartet, der Pfad ist im Script eingebunden, wie von Mira_Belle mal ausgetüftelt.
Die CSS zur Anpassung der Zustände Ein/Aus ist ausgelagert in eine externe CSS Datei, mach ich selber meist so, und war jetzt zu faul wieder nachzuschauen wie man das noch ins Script packt.
In der CSS kann man beliebig Anpassungen vornehmen, hier ist jetzt nur das Icon bzw. Label im Aus Zustand bleicher gemacht.
Script:
// https://www.camp-firefox.de/forum/thema/136599-tooltips-nur-f%C3%BCr-die-bedienoberfl%C3%A4che-ausschalten/?postID=1249369#post1249369
// tooltip-toggle_5.uc.js raus#1
(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'tooltip_button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "LettersT-2.png";
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var props = {
id: 'tooltip_button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Tooltip Toggle',
tooltiptext: "toggle tooltips",
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
background: Services.prefs.getBoolPref('browser.chrome.toolbar_tips') ?
'red' : 'cyan',
oncommand: '(' + onCommand.toString() + ')()'
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
function onCommand() {
var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
var isEnabled = !prefs.getBoolPref('browser.chrome.toolbar_tips');
prefs.setBoolPref('browser.chrome.toolbar_tips', isEnabled);
if (isEnabled)
tooltip_button.setAttribute('background', 'red')
else
tooltip_button.setAttribute('background', 'cyan');
};
})();CSS:
/* tooltips OFF adjustments */
/* button in toolbar */
toolbar:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) .toolbarbutton-icon {
opacity: 0.5 !important;
}
/* button in overflow menu */
:root:not([customizing]) #tooltip_button[background ="cyan"] label {
opacity: 0.5 !important;
}
/* tooltips on adjustments, optional */
/*
#tooltip_button[background ="red"]:not(:hover, :active) .toolbarbutton-icon {
outline: 2px solid green !important;
outline-offset: -1px !important;
}
*/
Da es sich um eine button mit zwei Positionen handelt
Ich kann nur ein völlig anderes Skript geben.
Wenn du/jemand testen möchte:
Klappt soweit prima, Dankeschön!
Für die Icons hab ich zum Testen auf die Schnelle noch etwas in einer CSS Datei dazu gepackt, um mich nicht mit den Dateipfaden rumärgern zu müssen; die Icons hier wieder in chrome/icons.
#Tooltip-button[tooltiptext="Tooltip gesperrt"] {
list-style-image: url("icons/T rot.svg") !important;
}
#Tooltip-button[tooltiptext="Tooltip frei"] {
list-style-image: url("icons/T grün.svg") !important;
}Vielleicht kannst du aus folgendem Skript die nötigen Infos ziehen. Damit wird eine vertikale Toolbar aus/eingeschaltet und jeweils ein anderes Icon erscheint.
Danke, aber ich weiss nicht wie ich in dem speziellen Fall den Status false oder true angeben kann/sollte, dazu sind meine Javascript Kenntnisse zu rudimentär.
Ich habe schon Stunden gebraucht, um nur das Umschalten zwischen false und true hinzubekommen.
Dem Button kann ich recht einfach umschaltbare Attribute und Klassen bei Mausklick zuweisen, aber halt nicht bezogen auf einen spezifischen Status.
Wenn ich zB das obige Script so ändere, mit dem tooltip_button.classList.toggle Eintrag in Zeile 44:
// tooltip-toggle_1b.uc.js
(function ptbut() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'tooltip_button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "LettersT-2.png";
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var props = {
id: 'tooltip_button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'tooltip toggle',
tooltiptext: "tooltip toggle",
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
};
for(var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
document.getElementById('tooltip_button').addEventListener( "click", onClick );
let prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
function onClick(aEvent, keyEvent=false) {
if(!keyEvent && aEvent.button != 0) {
return;
}
prefs.setBoolPref("browser.chrome.toolbar_tips", !prefs.getBoolPref("browser.chrome.toolbar_tips"));
tooltip_button.classList.toggle("tooltips_off");
}
})();Dann schaltet der Button um mit etwa so einem CSS:
#tooltip_button.tooltips_off {
background-color: red !important;
}Aber abhängig davon was der Ausgangswert war, ist der Button Hintergrung dann entweder Rot bei false, oder bei true.
Die Lösung mag in dem dem von Dir zitierten Code stecken, aber für ein JS Amateur wie mich wäre es zuviel Aufwand das herrauszufinden.
Für einen Experten aber sicher ein Klacks.
Die Taste funktioniert. Da es sich um eine button mit zwei Positionen handelt, wäre es gut, wenn die Position der Taste angegeben würde, z. B. T und ein diagonal gekreuztes
T
Danke für's Testen.
Und das ist eine gute Idee, aber ich weiss nicht wie ich die beiden Zustände true/false als Attribute oder Class einfügen kann.
Falls man eines der beiden hätte, könnte man mit CSS die Icons, den Text etc. für den Status manipulieren.
Nachdem die obigen Lösungen bei mir ein paar Probleme machten, habe ich mal ein Script gebastelt, um die Tooltips per Button ein- und auszublenden.
Könnt Ihr ja mal probieren; es spart den Umweg über about:config, und scheint hier zu funktionieren.
Das Icon wird in einem Ordner namens icons erwartet, im chrome Ordner, ein Icon zum Testen hängt bei.
// tooltip-toggle_1c.uc.js
(function ptbut() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'tooltip_button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "LettersT-2.png";
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var props = {
id: 'tooltip_button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Tooltip Toggle',
tooltiptext: "toggle tooltips",
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
};
for(var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
document.getElementById('tooltip_button').addEventListener( "click", onClick );
let prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
function onClick(aEvent, keyEvent=false) {
if(!keyEvent && aEvent.button != 0) {
return;
}
prefs.setBoolPref("browser.chrome.toolbar_tips", !prefs.getBoolPref("browser.chrome.toolbar_tips"));
}
})();
Danke für den Artikel!
Hört sich interessant an, werde ich mal antesten.
Teste mal ob das so passt.
Vielleicht hat ja jemand eine Idee wie man das Symbol auch noch fett kriegt.
Man könnte stroke hinzufügen, evtl. sowas:
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="#d90000" fill-opacity="1.0" stroke="#d90000" stroke-width="1">
<path d="m9.108 7.776 4.709-4.709a.626.626 0 0 0-.884-.885L8.244 6.871l-.488 0-4.689-4.688a.625.625 0 1 0-.884.885L6.87 7.754l0 .491-4.687 4.687a.626.626 0 0 0 .884.885L7.754 9.13l.491 0 4.687 4.687a.627.627 0 0 0 .885 0 .626.626 0 0 0 0-.885L9.108 8.223l0-.447z"/>
</svg>Den stroke-width Wert kann man dann anpassen nach Gusto.
Hallo, ich wollte:
1) Höhe der Tabs verkleinern: Wie auf dem Screenshot zu sehen ist der Tab kleiner geworden, jedoch entsteht unter dem Tab ein Leerraum. Wie bekomme ich diesen weg?
2) Webseite Icon nach oben verschieben: Auf dem Screnshot kann man erkennen das das Webseiten-Icon (in diesem Fall von Firefox) zu weit unten ist. Wie kann ich das beheben?
Als ersten Schritt würde ich den Code für die Tabs nehmen, und in die Tonne klopfen.
Die Farben könntest du evtl. behalten, ist aber auch nicht das Wahre; die Positionierung der Elemente geht so aber nicht.
Danach kommt es darauf an, wie du die Tabs haben möchtest: nur die Höhe (der Leiste oder der Tabs?) geringer, mit oder ohne Abstand oben/unten und seitlich, und jeweils wieviel.
Das kann man alles anpassen, nur müsstest du genauer beschreiben was du haben möchtest.
Verstehe, danke für die Erklärung.
Wenn ich endlich einen neuen Mac habe und aus meiner ESR Hölle rauskomme, gehe ich das Nesting an, scheint ja relativ einfach zu sein.
Und ja, CSS hübscher machen ist immer nett.
.... Dafür gibt es keinen :is()-Selektor mehr, der durch die Verschachtelung nicht mehr notwendig ist,
Moment - heisst das :is funktioniert nicht mehr mit Firefox, oder wird der Selektor nur nicht mehr benutzt im CSS Code?
Ich vermute ja eher Letzteres, wollte aber mal nachfragen.
Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?
.... Der Übersicht halber habe ich oben nur den Code für die hier relevante Lesezeichenleiste eingestellt. Daher macht die Farbgebung von nur dem geposteten Code tatsächlich keinen Sinn.
Dann gibt's dazu nichts weiter zu sagen von meiner Seite - ohne Code kein Brot! (ahem; reimt sich aber )
Anscheinend haben sich ein paar Properties geändert für die Bookmark Icons, der Code von weiter oben sollte eine Weile halten.
