Beiträge von dharkness21
-
-
...für Eure super Unterstützung
Aber gerne doch.
-
Allerdings springt nun das [x] einen Tick nach links. Hier nochmal der aktuelle Code:
Das ist teilweise doppelt gemoppelt, gekürzt und in eine vernünftige Reihenfolge gebracht, sollte das ↓ reichen.
CSS
Alles anzeigen/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */ .tabmail-tab .tab-close-button { height: 20px !important; width: 20px !important; border-radius: 4px !important; background-color: #ecd0de !important; margin: 1px 0 0 0 !important; } /* Kreuz-Icon Hintergrund (aktiv) ist hellrot */ .tabmail-tab[selected] .tab-close-button { background-color: #ecd0de !important; }
Beide Einträge mit .tabmail-tab versehen und der 2te Eintrag erbt das CSS des 1sten Eintrag und man braucht für den 2ten Eintrag nur das wirklich relevante überschreiben, in diesem Fall also nur background-color:.
Die Reihenfolge * der Werte von margin usw., also auch padding und andere, ist Dir bekannt?
oben → rechts → unten → links
-
Wie gesagt, ist das kleine Springen des Kreuzes um vielleicht 1/2 mm nicht wirklich schlimm und das mit diesem "Schatten" ja auch nicht.
Ich denke, das Dein Problem deshalb entsteht, weil Du die Anpassungen auf das Icon/Image des Buttons legst und nicht auf den Button selbst, verwende doch mal mein CSS und ändere es für Dich passend.
-
-
Kann aber keine Nachrichten empfangen und nichts absenden
Menno, ganz klasse, wieder nichts gesagt, an dem man einen möglichen Fehler ausmachen könnte, sprich Du musst in dem Fall Fehlermeldungen erhalten, welche sind das?
Würdest Du endlich mal anfangen und das Fehlerbild präzise zu beschreiben und Dir nicht alles aus der Nase ziehen lassen?
Es ist Präzision in Deinen Beschreibungen zum Fehlerbild erforderlich, sonst kann Dir nicht geholfen werden.
-
Dein Code setzt auch den Button 18x18, der von imbro 16x16
Das sollte beim margin keine Rolle spielen, einmal generell angepasst, sollte die Anpassung sowohl für selektierte aus auch für nicht selektierte Tabs gelten.
-
Selektierter Tab mit gleicher Anpassung:
Hm, sieht bei absolut nicht so verschoben aus, ich habe mein CSS so ↓ aufgebaut.
CSS
Alles anzeigen.tab-close-button { border-radius: 0 !important; border: 0 !important; background-color: #F20 !important; color: #FFF !important; margin-right: 0 !important; margin-bottom: 2px !important; } .tab-close-button:hover { background-color: #800 !important; color: #FFF !important; }
Es spielt absolut keine Rolle, welche Tab selektiert ist, der Schließen-Button ist nicht verschoben, hast irgendwie Dein padding im Tab versemmelt?
-
Moin, die Neuinstallation mit meinem alten Benutzernamen ist nicht möglich.
Das ist wirklich keine ausführliche Beschreibung für Dein Problem.
Wie installierst Du neu, gibt es bei der Installation Fehlermeldungen oder klappt die Installation und Tb startet mit einem leeren Fenster, oder was ist sonst im argen? Bitte genau beschreiben, was Sache ist.
-
Wofür noch die Anpassung für margin beim selektierten Tab, da wirkt doch auch die ursprüngliche Anpassung die Du gesetzt hast?
-
hoffte aber, dass die Funktion bereits in Thunderbird implementiert ist.
Nein, dafür ist leider eine Erweiterung erforderlich.
-
Vielleicht habe ich ja auch irgendwelche Einstellungen anders gesetzt als Du, bzw. Ihr.
Gut möglich, was hast Du bei Ansicht → Dichte eingestellt, hier steht es auf Kompakt?
-
und
Das 2te auskommentierte CSS war mir durchgegangen, da waren die Höhenangaben auch dem .tab-background und nicht auf dem Tab selbst, das ist ein Fehler.
Offenbar waren die Höhenangaben das Problem. Jetzt haben die Tabs die volle Höhe und das ist auch so beim Hovern.
Ja und nein, bei meinem Tb und Bb sind die Höhenanpassungen extrem und ich konnte niemals Dein Problem mir den Tabs, deren Höhe und Position auch nur Ansatzweise in meinen CSS-Anpassungen nachstellen, irgendwas ist bei Dir nicht ganz rund, leider kann ich es nicht nachvollziehen.
Hier mal ein Screenshot meiner Anpassungen der oberen Leisten.
-
-
Dann sind diese Tabs eben ein bisschen flacher. No Problem
Doch, das ist ein Problem, ich schraube gerade daran, aber wirklich erkennen kann ich das Problem noch nicht wirklich, teste bitte mal die ↓ Variante, ersetze Dein vollständiges CSS, vorher wie immer aber ein Backup der userChrome.css machen.
CSS
Alles anzeigen/* ORDNERFARBEN: */ /* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */ li.unread > .container > .name { color: maroon !important; } /* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */ li.new-messages > .container > .name { color: #c30052 !important; } /* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */ li.unread.selected > .container > .name { color: maroon !important; } /* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */ li.new-messages.selected.current > .container > .name { color: #c30052 !important; } /* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */ tr[data-properties~="new"] :where(td) { appearance: none !important; background-color: #ecd0de !important; } /* ========================================================== */ /* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */ li:not([data-server-type]) > .container div.twisty { border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */ margin-right: 8px !important; margin-left: -8px !important; margin-top: -16px !important; /* negativer schiebt Linie hoch */ } li:not([data-server-type]) > .container .icon::before { content: '--' !important; color: #c30052 !important; /* Farbe der Querlinie */ margin-left: -9px !important; } li:not([data-server-type]) > .container div.twisty img.twisty-icon { margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */ } /* ========================================================== */ /* Höhe der Tabbar reduzieren. */ #tabs-toolbar { min-height: 28px !important; max-height: 28px !important; padding: 0 0 0 1px !important; margin: 0 !important; } /* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */ .tabmail-tab { border-radius: 1px 1px 0 0 !important; min-height: 26px !important; max-height: 26px !important; padding: 0 !important; margin-top: 3px !important; } /* Hintergrundfarbe (dunkelrot) */ .tabmail-tab[selected="true"] .tab-background { background-color: #c30052 !important; background-image: none !important; } /* Schriftfarbe */ .tabmail-tab[selected="true"] .tab-text.tab-label { color: #ffffff !important; } /* Schriftfarbe */ .tabmail-tab:not([selected]) .tab-text.tab-label { color: #c30052 !important; /* font-weight: bold !important; */ /* Schrift fett */ } /* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */ /* Hintergrundfarbe (mittelrot) */ .tabmail-tab:not([selected]) .tab-background { background-color: #ecd0de !important; min-height: 26px !important; max-height: 26px !important; margin: 0 0 3px !important; } .tabmail-tab:not([selected]) .tab-label-container { margin: -4px 0 0 !important; } /* Farben und Linien der Ränder um die Reiter (Tabs) herum */ .tabmail-tab:not([selected]) { /* border-bottom: 1px solid #c30052 !important; */ /* border-top: 1px solid #c30052 !important; */ border-right: 1px solid #c30052 !important; border-radius: 1px 1px 0 0 !important; } .tab-line { display: none !important; } /* Nicht aktive Tabs bei HOVER */ .tabmail-tab:not([selected]):hover .tab-background { background-color: #c30052 !important; } /* Schriftfarbe */ .tabmail-tab:not([selected]):hover .tab-text { color: #FFFFFF !important; } /* ========================================================== */ /* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */ .tab-close-icon { /* border: 1px solid #c30052 !important; /* Farbe Linie um das Kreuz herum */ border-radius: 4px !important; background-color: #ecd0de !important; width: 16px !important; height: 16px !important; margin: -5px -5px 0 0 !important; } /* Kreuz-Icon (aktiv) bei selektiertem Tab */ .tabmail-tab[selected] .tab-icon-image { margin: 0px 4px 0 -3px !important; } /* Kreuz-Icon Hintergrund (aktiv) ist hellrot */ .tabmail-tab[selected] .tab-close-icon { border: 1px solid #ecd0de !important; border-radius: 4px !important; background-color: #ecd0de !important; width: 16px !important; height: 16px !important; margin: -2px -3px 0 0 !important; } /* ========================================================== */ /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/ /* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */ #toolbar-menubar { border-bottom: 1px solid #c30052 !important; background-color: #ecd0de !important; color: #c30052 !important; } /***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/ /* >> hier wird der komplette Hintergrund des oberen Menüs eingefärbt */ #unifiedToolbarContainer { /* border-bottom: 1px solid #c30052 !important; */ background-color: #c30052 !important; color: #FFFFFF !important; } /* ========================================================== */ /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/ /* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */ #mail-menubar > menu, #viewSource-main-menubar > menu { border-right: 1px solid #c30052 !important; /* font-weight: bold !important; /* Fettschrift von "Datei, Bearbeiten..." */ background-color: #ecd0de !important; color: #c30052 !important; } /* Hintergrund bei hover */ #mail-menubar > menu:hover, #viewSource-main-menubar > menu:hover { background-color: #c30052 !important; color: #FFFFFF !important; } /* ========================================================== */ /* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */ #tabs-toolbar { background-image: none !important; background-color: #ecd0de !important; } /* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */ #messageHeader { border-bottom: 1px solid #c30052 !important; border-top: 1px solid #c30052 !important; background-color: #e6bfd2 !important; color: #000 !important; } /* ========================================================== */ /* Button und Toolbarbutton von #unifiedToolbar anpassen. */ /* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */ #unifiedToolbar > toolbarbutton { background-color: #c30052 !important; color: #ecd0de !important; } /* die beiden Schaltflächen li + re bei hover */ #unifiedToolbar > toolbarbutton:hover { background-color: #ecd0de !important; color: #c30052 !important; } /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */ #unifiedToolbarContent > li > div > button { /* border: 1px solid #ecd0de !important; */ /* background-color: #ecd0de !important; */ color: #FFFFFF !important; } /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */ #unifiedToolbarContent > li > div > button:hover { background-color: #ecd0de !important; color: #c30052 !important; } /* ========================================================== */ /* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */ #starMessageButton, #header-view-toolbar > toolbarbutton, #header-view-toolbar > toolbaritem > toolbarbutton { background-color: #c30052 !important; color: #FFF !important; } #starMessageButton:hover, #header-view-toolbar > toolbarbutton:hover, #header-view-toolbar > toolbaritem > toolbarbutton:hover { background-color: #ecd0de !important; color: #c30052 !important; } #tabs-toolbar > toolbarbutton, #restartthunderbird-toolbar { min-height: 26px !important; max-height: 26px !important; min-width: 26px !important; max-width: 26px !important; border-radius: 0 !important; border: 0 !important; background-color: #c30052 !important; color: #FFF !important; padding: 0 !important; margin: 1px 1px 1px 0 !important; } #restartthunderbird-toolbar { min-height: 22px !important; max-height: 22px !important; min-width: 22px !important; max-width: 22px !important; margin: 0 0 0 2px !important; } #tabs-toolbar > toolbarbutton:hover, #restartthunderbird-toolbar:hover { background-color: #ecd0de !important; color: #c30052 !important; }
Dort eventuell mit dem margin-top spielen.
-
Hat wohl nichts mit dem Problem zu tun, aber finde den Fehler, ist in Dein CSS in Zeile 83-85.
-
Aber eigentlich müssten die Tabs noch etwas weiter runter.
Sehe ich auch so, irgendwas schiebt die Tabs nach oben, ist da irgendwo in Deinem CSS etwas was da quer schießt?
Zeige uns bitte nochmal Dein komplettes CSS-Voodoo. -
Hier nochmal mein jetziger Code zu den aktiven und inaktiven Tabs:
Teste bitte diesen ↓ überarbeiteten CSS-Code.
CSS
Alles anzeigen/* Höhe der Tabbar reduzieren. */ #tabs-toolbar { min-height: 29px !important; max-height: 29px !important; } /* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */ .tabmail-tab { border-radius: 1px 1px 0 0 !important; min-height: 26px !important; max-height: 26px !important; padding: 0 !important; } /* Hintergrundfarbe (dunkelrot) */ .tabmail-tab[selected="true"] .tab-background { background-color: #c30052 !important; background-image: none !important; } /* Schriftfarbe */ .tabmail-tab[selected="true"] .tab-text.tab-label { color: #ffffff !important; } /* Schriftfarbe */ .tabmail-tab:not([selected]) .tab-text.tab-label { color: #c30052 !important; /* font-weight: bold !important; */ /* Schrift fett */ } /* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */ /* Hintergrundfarbe (mittelrot) */ .tabmail-tab:not([selected]) .tab-background { background-color: #ecd0de !important; min-height: 26px !important; max-height: 26px !important; margin: 0 0 3px !important; } .tabmail-tab:not([selected]) .tab-label-container { margin: -4px 0 0 !important; */ } /* Farben und Linien der Ränder um die Reiter (Tabs) herum */ .tabmail-tab:not([selected]) { /* border-bottom: 1px solid #c30052 !important; */ /* border-top: 1px solid #c30052 !important; */ border-right: 1px solid #c30052 !important; border-radius: 1px 1px 0 0 !important; } .tab-line { display: none !important; } /* Nicht aktive Tabs bei HOVER */ .tabmail-tab:not([selected]):hover .tab-background { background-color: #c30052 !important; } /* Schriftfarbe */ .tabmail-tab:not([selected]):hover .tab-text { color: #FFFFFF !important; }
-
Allerdings sind die gehoverten Tabs nun etwas flacher - es fehlt unten ein Stück.
Zeige uns bitte einmal Dein komplettes CSS, das für die Tabbar und die Tabs zuständig ist.
-
Hier mein Code, den ich eben ausprobiert habe:
So passt es leider nicht, teste bitte das Schnipsel.