LZ-Symbolleiste analog RoomyBookmark [gelöst]

BarbaraZ-

Da ich sehr gerne und viel die Lesezeichen Symbolleiste nutze würde ich mir folgendes wünschen:

Ist-Zustand:
[attachment=1]LZ-Symbolleiste mit Text.png[/attachment]
Hier werden die Texte, die unter Eigenschaften eingegeben werden mit angezeigt. Da diese individuell lang sind, entsteht ein verzerrtes Bild. Mal größere und mal kleinere Lesezeichen.

Gewünscht mit Änderungen:
[attachment=0]LZ-Symbolleiste ohneText.png[/attachment]
So sieht es besser aus. Allerdings stört mich hier, dass ich mit Hover immer die komplette Linkadresse bei den Eigenschaften angezeigt bekomme. Liegt daran, dass sich die bloßen Icons, nur ohne den Text im Feld Eigenschaften, anzeigen lassen.

Mir wäre es lieb, ich könnte entweder den Text zu den Icons über Hover einblenden oder die einzelnen Symbole, incl. des Textes über eine fest definierbare Breite einrichten kann.

Hintergrund ist, das ich einiges aus der Sidebar in die Symbolleiste holen möchte. Um hier aber nicht den Überblick zu verlieren, wenn es zu viele sind, möchte keine 2. Zeile einrichten.

Ist da was möglich?

Der Feuerfuchs

Füge diesen Code in die userChrome.css ein

CSS

/* Lesezeichensymbolleiste ohne Text */


#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {
display:none!important;
}

[attachment=0]screenshot.1.jpeg[/attachment]

BarbaraZ-

Um mal einen Werbespruch loszuwerden:
Genau mein Ding!! :klasse:

BarbaraZ-

Ich bin dabei, meine Codes aus der userChrome.css auszulagern und über einen import-Befehl zu laden.

Das witzige dabei, mit dem Code aus Beitrag #2 klappt es nicht. Hier kann ich den Code nur über die userChrome.css laden.
Was ist der Hintergrund?

milupo

Hallo Barbara,

deine Import-Zeile sieht so ähnlich aus?

Code

@import "CSS/name_der_css_datei.css";

Deine CSS-Datei ist im richtigen Ordner? Letztens hattest du, glaube ich, nur CSSWeb. Dann muss natürlich hier CSSWeb stehen. Von unserer Seite ist der Ordner CSSWeb allerdings speziell für die userContent.css-Dateien angedacht. Ist aber nur eine Konvention. Außerdem musst du auf das @-Zeichen, die Anführungszeichen und das Semikolon achten. Wichtig: Vor dem @import-Befehl dürfen nur andere @import-Befehle stehen. Wenn du noch normalen CSS-Code in der userChrome.css stehen hast, muss der auf jeden Fall nach allen @import-Befehlen kommen.

Endor

Hallo BarbaraZ--

Da Du Deine Codes ja alle auslagerst, muss Du darauf achten, dass am Anfang der
CSS Code auch die notwendigen Zeilen sind. Da Du wie ich annheme zur besseren Übersicht,
die Codes trennst.

So müsste der Code aus 2 funktionieren:

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){
/* Lesezeichensymbolleiste ohne Text */
#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {
display:none!important;
}
}

Mfg.
Endor

BarbaraZ-

Hallo Milupo,

ja, ich kopiere mir immer den vorherigen import-Befehl und und ändere den Namen.

Hallo Endor,
werde es mal gleich so umsetzen. Habe aber eine Verständnisfrage dazu.
Die 3. Zeile endet auf .xul.
Wenn ich es richtig verstanden habe, gibt es diese .xul Befehle aber doch nicht mehr.
Wo habe ich da einen Denkfehler?

Und Treffer und versenkt.
Danke dafür :klasse:

milupo

Zitat von BarbaraZ-

werde es mal gleich so umsetzen. Habe aber eine Verständnisfrage dazu.
Die 3. Zeile endet auf .xul.
Wenn ich es richtig verstanden habe, gibt es diese .xul Befehle aber doch nicht mehr.

Ja, in Zukunft will Mozilla auf die Benutzeroberflächen-Beschreibungssprache XUL verzichten. Aber momentan gibt es noch die zugehörigen .xul-Dateien. Auf eine davon, die Datei browser.xul, nimmt die Zeile Bezug.

BarbaraZ-

Endor,

hier: https://www.camp-firefox.de/forum/viewtopi…107252#p1107252 sieht das Fenster identisch aus wie bei mir.

Edit: das ganze umgesetzt vom CSS- in den CSSWeb-Ordner und den import-Befehl dann auch aus der userChrome.css in die userContent.css verschoben und alles ist schick. :klasse: