Beiträge von Thomas S.

Keine besonderen Gründe.

Linux sieht eben anders aus als Windows.

Eine Integration des GUI in das Design des jeweiligen OS ist doch völlig normal.

Und auch die Linux-Distributionen / Themes sehen ganz unterschiedlich aus.

Zitat von 2002Andreas

Da ist nichts mit einer hellgrauen Leiste zu sehen.

Prüf bitte mal deine CSS Codes, ob du da mal selber etwas erstellt hast.

2002Andreas Nur zur Info: er ist unter Ubuntu unterwegs, da sieht der FF immer etwas anders aus...

Das ist nur zum Teil möglich, weil ich auch nur einzelne Symbole "nachgereicht" hatte.

Habe gestern erst die v78 installiert und alle notwendigen Anpassungen in CSS und User-Scripten vorgenommen.

~ 2 h Arbeit nur wegen XUL zu XHTML und ein paar anderen Kleinigkeiten...

Funktioniert alles wieder, aber die so "schmucklose" Menüleiste brachte mich doch etwas durcheinander.

Habe da wohl noch die frühere Ansicht im Kopf gehabt.

Ist also soweit geklärt, danke.

Danke Sören,

und ja, die normale Menüleiste.

Dann ist mir das jetzt also erst aufgefallen... (!)

Kannste mal sehen - bin schon betriebsblind...

Hallo.

Mir ist gerade aufgefallen, dass die Standardmenüs keine Symbole / Icons mehr haben. Alle weg.

Ist das normal?

Hatte zuerst meine Anpassungen dahinter vermutet, aber selbst eine völlige Neuinstallation (nackt ohne alles) oder ein abgesicherter Modus (ohne Erweiterung) zeigt keine Icons!

Hallo Andreas, bei mir passt jetzt alles mit diesem Code:

/* Icon für die Suche im Kontextmenü hinzufügen */
#context-searchselect {
    -moz-appearance: none !important;
    height: 26px !important;
    min-height: 26px !important;
    padding-left: 4px !important;
    background: url("./icons/Lupe.png") no-repeat !important;
    background-position: 4px 6px !important;
    }
/* Hintergrund für die Suche im Kontextmenü bei Hover neu erstellen */
#context-searchselect[_moz-menuactive="true"]:hover {
    -moz-appearance: none !important;
    background: #7b7b7b url("./icons/Lupe.png") no-repeat !important;
    background-position: 4px 6px !important;
    }

Vielen Dank für die Hilfe!

Na ja. Immerhin schieben wir hier ein - zwei Pixelweise die Elemente herum.

Da fällt schon auf, das der Text nicht linksbündig ist.

Das halbe G ist das... ...das sind mindestens 1000px Versatz (in meinen Augen )

Kleine Ergänzung: mit height und min-height kann die Zeilenhöhe "justiert" werden.

Dann muß dazu nur auch die Iconposition mit angepasst werden. Das ginge auch.

Insgesamt wäre aber "nur" das Icon anzupassen sicherlich der bessere Weg, wenn das denn ginge.

Ich kenne nur nicht die "Adresse" dazu...

Und jetzt auch mit Bild:

Habe getestet. Das Icon mit 16x16 passt gut.

(Ein Bild würde jetzt helfen, geht leider gerade nicht...)

Der Text von diesem Menüeintrag ist jetzt nach links verschoben und die Abstände oben / unten zum vorherigen / nächsten Eintrag sind deutlich kleiner (bzw. die Zeilenhöhe ist kleiner).

OK, das ist nun eine Möglichkeit.

!6x16 ist die richtige Größe.

Ist aber insgesamt bei mir nicht so wie bei Dir unter Windows (ich bin bei Linux).

Die Abstände passen nicht wirklich.

Der angepasste Menüeintrag hat eine kleinere Zeilenhöhe und der Text beginnt auch deutlich weiter links.

(Bin gerade am Laptop und bekommedas Menü nicht zu fassen, daher kein Bild hier.)

Geht statt dem Umweg über den Hintergrund möglicherweise direkt das Icon anzusprechen?

Danke Andreas - und ja, das ist ganau was ich meinte.

Ein Icon reicht schon, Hintergrund für Hoover ist aber auch interessant...

Allerdings ist das Hintergrundbild bei mir zu groß.

Ein 64x64 Icon ist schon riesig.

Kann man das irgendwie skalieren?

Oder muß zwingend ein 16x16 genommen werden?

Hallo.

Gibt es eine Möglichkeit, beim Eintrag im FF Kontextmenü (das mit Rechtsklick auf die site aufpoppt) zur xxxx-Suche nach "yyyy" ein Icon hinzuzufügen?

Ich benutze den recht gerne, finde ihn aber nicht immer gleich, weil das Menü dynamisch veränderlich aufgebaut wird.

Vielen Dank im Voraus!

Zitat von Pentomino

Hmmm, komisch, die "Umfärbung" ist nur ganz kurz sichtbar, z.B. beim Start von Firefox oder beim Aufruf zusätzlicher Tabs, danach wird sofort auf "Standard" umgeschaltet.

Das war auch bei mir so.

Diesen Code habe ich von 2002Andreas (Farben als Beispiele):

/* Tabs Farbe anpassen - aktive Tabs */
.tabbrowser-tab > .tab-stack > .tab-background[selected] {
    background: red !important;
}
.tabbrowser-tab[selected] .tab-label {
    color: black !important;
}
.tab-line[selected] {
    background: blue !important;
}

Prima! Und vielen Dank noch mal!

Es funktioniert so unter Linux:

:root {

/* Abstände der Lesezeichen anpassen */

    --LesezeichenSidebarHight: 20px;
    --LesezeichenPopupHight: 22px;
/*
    Favicon margin-top und margin-bottom werden beide berechnet: LesezeichenPopupHight / -2
    Menütext margin-top wird berechnet: (26px - LesezeichenPopupHight) / -2
    (Werteliste: 0px bei 26px ; ... ; -3px bei 20px ; -4px bei 18px)
*/

}

/* Lesezeichen Sidebar Zeilenabstand kleiner */
 .sidebar-placesTree treechildren::-moz-tree-row {
    height: var(--LesezeichenSidebarHight) !important;
    min-height: var(--LesezeichenSidebarHight) !important;
}
/* Lesezeichen Popup Links Zeilenabstand kleiner, Popup-Breite größer */
@-moz-document url-prefix(chrome://browser/content/browser.xul){
    .menuitem-iconic.bookmark-item.menuitem-with-favicon {
        max-width:500px !important;
        height: var(--LesezeichenPopupHight) !important;
        min-height: var(--LesezeichenPopupHight) !important;
    }
}
/* Lesezeichen Popup Ordner Zeilenabstand kleiner, Popup-Breite größer */
@-moz-document url-prefix(chrome://browser/content/browser.xul){
    menu[container="true"][class="menu-iconic bookmark-item"]{
        max-width:500px !important;
        height: var(--LesezeichenPopupHight) !important;
        min-height: var(--LesezeichenPopupHight) !important;
    }
}
.bookmark-item:not(.subviewbutton) > .menu-iconic-left {
    margin-top: calc(var(--LesezeichenPopupHight) / -2) !important;
    margin-bottom: calc(var(--LesezeichenPopupHight) / -2) !important;
}
.bookmark-item:not(.subviewbutton) > .menu-iconic-text {
    margin-top: calc(calc(26px - var(--LesezeichenPopupHight)) / -2) !important;
}

Ergebnis:

Ich bin damit dehr zufrieden.

Spricht etwas dagegeb, den von mir "gefundenen" Bezeichner .bookmark-item:not(.subviewbutton) > .menu-iconic-text zu verwenden?

Die Ordner werden bereits wie Favicons und wie Text identisch mit behandelt.

Vielen Dank für die Hilfe!!!

Habs scheinbar gefunden:

.bookmark-item:not(.subviewbutton) > .menu-iconic-text

Ja, das geht in die richtige Richtung.

Allerdings funktioniert im Wesentlichen der unterste Block, mit dem ich die Favicons wieder "entzerren" konnte.

/* Lesezeichen Popup Links Zeilenabstand kleiner, Popup-Breite größer */
@-moz-document url-prefix(chrome://browser/content/browser.xul){
    .menuitem-iconic.bookmark-item.menuitem-with-favicon {
        max-width:500px !important;
        height: var(--LesezeichenPopupHight) !important;
        min-height: var(--LesezeichenPopupMinHight) !important;
    }
}
/* Lesezeichen Popup Ordner Zeilenabstand kleiner, Popup-Breite größer */
@-moz-document url-prefix(chrome://browser/content/browser.xul){
    menu[container="true"][class="menu-iconic bookmark-item"]{
        max-width:500px !important;
        height: var(--LesezeichenPopupHight) !important;
        min-height: var(--LesezeichenPopupMinHight) !important;
    }
}
.bookmark-item:not(.subviewbutton) > .menu-iconic-left {
    margin-top: calc(var(--LesezeichenPopupHight) / -3) !important;
    margin-bottom: calc(var(--LesezeichenPopupHight) / -2) !important;
}

Mit --LesezeichenPopupHight und --LesezeichenPopupMinHight zu 22px ergibt das:

Man sieht aber, das auch der Text "unten" hängt, daher ist auch die ungleiche Aufteilung margin-top / -bottom notwendig.

Kann so wie mit .bookmark-item:not(.subviewbutton) > .menu-iconic-left das Favicon auch der Text separat angesprochen werden?

Übrigens: mit dem calc kann ich mit den Zeilenhöhen beliebig variieren, die Skalierung de Favicons paßt dann inetwa - ansonsten muß ich diese Werte ständig verändern.

Es geht hier zwar auch um die Ausrichtung von Favicon und Text, aber im Wesentlichen erst einmal um die automatische Skalierung (Verkleinerung bzw. Stauchung) der Favicons. Bei mir ist das unter Linux und Win7 identisch der Fall, wenn ich nur die Zeilenhöhe (und nur die) per CSS verkleinere.

Zitat von 2002Andreas

Dein kompl. Code sieht hier so aus:

Und da passt alles.

Hmmm, nicht wirklich.

Auch in Deinem Menü sind Favicon und Text nicht (mehr) zueinander mittig ausgerichtet.

Der Text ist deutlich niedriger als das Icon.

Die Frage ist also, wie man hier welche notwendigen Parameter adressieren kann.

Noch nicht notwendig.

Meine eigentlich fast fertige userChrome.css hat gerade 290 Zeilen inkl. vieler Kommentare und Variablen.

Das lohnt nicht wirklich, ist noch sehr übersichtlich.

Bei den *.uc.js mache ich das schon, klar.

Hier teste ich auch nur mit den paar Zeilen herum, da wird nichts von anderem (nicht existentem) Code beeinflußt.

War der derzeitige Stand nur zum Testen, kann auch rausgenommen werden, ändert nix.

Ich stocher da ein weinig im Nebel herum...