Icons und Zeilenabstand Ordnerliste vergrößern

    Servus zusammen,

    ich bräuchte mal Hilfe bei Änderung der Icongröße und des Zeilenabstands in der Ordnerliste:

    Der alte Code (Vers. 102.*) war:

    Wie muss ich den anpassen?

    Gibt es weiterhin eine Möglichkeit, die Spaltengröße in der Kartenansicht der Nachrichtliste zu verändern/vergrößern. Selbst im Tabletmodus ist mir das noch zu schmal:

    Vielen Dank im Voraus

    Mikey

  • Go to Best Answer
    Quote from mjth.ffb

    Gibt es weiterhin eine Möglichkeit, die Spaltengröße in der Kartenansicht der Nachrichtliste zu verändern/vergrößern.

    Hallo,

    versuche diese Möglichkeiten, bevor CSS nötig wird:

    @Bastler

    danke für die schnelle Antwort, aber ich schrieb bereits das ich schon im Tabletmodus bin. War nur der falsche Ausdruck, sorry. Also gewählte Dichte "Entspannt"

    Viele Grüße

    Mikey

    Dann versuche Folgendes:

    @Bastler

    die Codes für den Ordnerbaum funktionieren einwandfrei. Vielen Dank dafür!

    Der Code für die Nachrichtenliste funktioniert für die Tabellenansicht.

    Ich benutze die Kartenansicht (zweizeilige Darstellung). Da geht der leider nicht.

    Grüße

    Mikey

    • Best Answer
    Quote from mjth.ffb

    Ich benutze die Kartenansicht (zweizeilige Darstellung)

    Sollte jetzt besser sein, ist noch ausbaufähig. | Den vorigen Code /* ---Nachrichtenliste Abstaende-- */ auskommentieren oder löschen.

    CSS
    /* ---Kartenansicht--- */
.thread-card-container {
appearance: none !important;
height: 60px !important;
border: 0.1px solid #CACACA !important;
}
.thread-card-row,
.subject {
font-size: 15px !important;
}

    Edited once, last by Bastler (August 22, 2023 at 2:17 PM).

    @Bastler

    Perfekt, genau so wollt ich`s haben. Vielen Dank für Deine Hilfe!!

    Viele Grüße

    Mikey

  • mjth.ffb August 22, 2023 at 2:27 PM

    Selected a post as the best answer.

    @Bastler

    Hallo Bastler,

    ich habe gerade auch deinen Code ausprobiert und für mich angepasst. Wirklich klasse.

    Jetzt ist mir noch folgendes aufgefallen, weil ich in der Tabellenansicht der Nachrichtenliste die Farbe für die selektierte Mail geändert habe mit folgendem Code:


    CSS
    /*  Ausgewähltes Element in der Nachrichtenliste */
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected,
[is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected,
[is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
background-color: lightpink !important;
Color: blue !important;
}

    In der Kartenansicht wird beim Selektieren der Mail zwar die Farbe erst geändert aber beim hovern weg von der Mail wird die Mail wieder blau dargestellt. Dies passiert in der Tabellenansicht nicht. Hast du eine Idee wie es auch in der Kartenansicht mit der dauerhaften Farbänderung klappt?

    Gruß

    Markus

    Edited once, last by graba: Code-Tags gesetzt (August 23, 2023 at 10:34 AM).

    Quote from DarkCorri53i

    zwar die Farbe erst geändert aber beim hovern weg von der Mail wird die Mail wieder blau dargestellt.

    Hallo,

    wenn ich hover lese, gehe ich davon aus, dass es kein Tablet ist.

    Versuche Folgendes, die hover-Farbe ggf. anpassen. Funktioniert bei mir in Tabellen- und Kartenansicht.

    DarkCorri53i Ein Hinweis: Im Code in deinem Beitrag #8 hast du Color geschrieben, also groß. Es wird jedoch color, also klein, geschrieben. Bei CSS musst du immer auf Groß- und Kleinschreibung achten. CSS-Eigenschaften werden in der Regel klein geschrieben.

    @Bastler

    Vielen Dank. Ich habe deinen Code ausprobiert und er funktioniert klasse. Nur wird die selektierte Nachricht nicht mehr ausgegraut wenn man auf irgendeine Fläche klickt oder den Ordner wechselt. Es wird nur das Sternchen vorne, das Junk Symbol und das Papierkorb Symbol in der Nachricht weiss.

    Mit dem alten Code funktionierte es mit dem Ausgrauen. Komme ich mit klar.

    Gruß

    Markus

    Quote from DarkCorri53i

    Mit dem alten Code funktionierte es mit dem Ausgrauen

    Mit welcher TB Version?

    Wenn das der Code aus #8 ist, der funktioniert in meinem TB 115.1.1 unter Windows 10 nicht, keinerlei Regung.

    EDIT--- im Nachgang:

    Aussage betrifft die Kartenansicht.

    Edited once, last by Bastler: Edit zum Umfeld (August 25, 2023 at 2:27 PM).

    Hallo zusammen

    Danke für die CSS-Tipps für die Kartenansicht - fand sie auch nicht schön. Ich würde mich riesig freuen, wenn eine:r mir noch helfen könnte, die unterschiedlichen Zeilen der Kartenansicht zu formatieren.

    Zur Zeit sind bei mir beide Zeilen (also Absender und Subject) in der gleichen Schriftformatierung. Ich hätte aber gerne die den Absender bold oder in grösserer font-size. Alles, was ich einstelle mit dem obigen Code beeinflusst aber halt beide Zeilen der Nachricht.

    Weiss jemand Rat, wie ich das CSS ergänzen kann, um die gewünschte Unterscheidung zu erreichen?
    Herzlichen Dank im Voraus!

    Quote from Munggel

    Zur Zeit sind bei mir beide Zeilen (also Absender und Subject) in der gleichen Schriftformatierung. Ich hätte aber gerne die den Absender bold oder in grösserer font-size. Alles, was ich einstelle mit dem obigen Code beeinflusst aber halt beide Zeilen der Nachricht.

    Teste bitte das ↓ in der userChrome.css.

    CSS
    .thread-card-container :is([class="sender"]) {
    font-size: 20px !important;
}

    Das auf bold zu setzen macht keinen Sinn, denn das ist die Markierung für neue Mails.

    und wech

    Dharkness

    Das war Spitze und super rasch, danke Dharkness!

    Darf ich nochmals? Ich würde dann gerne die zweite Zeile auf hellgrau setzen. Geht das irgendwie so? Hat eben nicht funktioniert - meine Fähigkeiten sind limitiert, argh :-(

    /* ---Kartenansicht--- */

    .thread-card-container {

    appearance: none !important;

    height: 40px !important;

    outline: 0.01px solid #CACACA !important;

    }

    .thread-card-container :is([class="sender"])

    {

    font-size: 14px !important;

    {

    .thread-card-row,

    .subject {

    font-size: 12px !important;

    font-color: #EDEDED !important;

    }