Moin zusammen,
ich würde gerne die Fenster-Teiler verbreitern, damit man diese auch bei einem Touchdisplay "treffen" kann. Dort bekomme ich es beinahe nie hin, die Aufteilung zu ändern und muss dann immer auf das virtuelle Touchpad oder das echte zurückgreifen. Ich hab schon Custom CSS im Einsatz für andere Anpassungen wie z.B. die hier sichtbaren größeren Buttons. Kennt das direkt jemand?
Danke euch und viele Grüße,
Nils
ich würde gerne die Fenster-Teiler verbreitern
Teste bitte das ↓ in der userChrome.css, mit dem Werten, width und background-color musst Du wohl noch ein wenig spielen.
hr#folderPaneSplitter {
&[resize-direction="horizontal"] {
&:not(.splitter-before) {
width: 5px !important;
border: 0 !important;
background-color: #79797B;
margin: 0 !important;
}
&:hover {
border: 0 !important;
background-color: #800;
}
}
}
hr#messagePaneSplitter {
&:not([resize-direction="horizontal"]) {
&.splitter-before {
height: 5px !important;
background-color: #79797B;
border: 0 !important;
margin: 0 !important;
}
&:hover {
border: 0 !important;
background-color: #800;
}
}
}Hallo zusammen,
gibt es auch die Möglichkeit, in der 3-Spalten-Ansicht, den "Teiler" zwischen "Mail-Liste" und "E-Mail" (gelber Balken auf Screenshot) analog anzupassen?
In diesem Zusammenhang auch die Frage, ob es irgendwo eine "Auflistung" mit Bezeichnung der einzelnen Elemente für die UserChrome gibt.
Gruß Wolfgang
eine "Auflistung" mit Bezeichnung der einzelnen Elemente für die UserChrome
eine solche Liste dürfte extren umfangreich und unübersichtlich sein. Nein, solche Informationen bekommst du über den Entwickler-Werkzeugkasten, zu finden im Menü Extras->Entwickler-Werkzeuge. Den öffnen. In der Zeile mit diversen Karteireitern gibt es ganz links ein Icon das wie ein Fenster mit Pfeil aussieht. Daruf klicken. Wenn du dann die Maus über das TB Fenster bewegst, werden dei Elemente, über der die Maus schwebt, hervorgehoben. Ein Klick zeigt dann im Werkzeugkasten die Definition des Elements an. Was du suchst wäre:
<hr xmlns="http://www.w3.org/1999/xhtml" is="pane-splitter" id="messagePaneSplitter" resize-id="messagePane" collapse-width="300" collapse-height="100" class="splitter-before" resize-direction="horizontal" />
gibt es auch die Möglichkeit, in der 3-Spalten-Ansicht, den "Teiler" zwischen "Mail-Liste" und "E-Mail" (gelber Balken auf Screenshot) analog anzupassen?
Das wäre dann das ↓ CSS-Schnipsel.
hr#messagePaneSplitter {
&[resize-direction="horizontal"] {
& {
width: 5px !important;
border: 0 !important;
background-color: #79797B !important;
margin: 0 !important;
margin-inline-start: 0 !important;
}
&:hover {
border: 0 !important;
background-color: #800 !important;
}
}
}
