Anhangleiste im Nachrichtenbereich und im Verfassenfenster: oben statt unten

Moin.

Die Anhangleiste hat die ID "#attachmentBar". Mir gelingt es noch nicht, sie am Anfang des Body zu zeigen anstatt darunter.

Im Verfassenfenster habe ich das gleiche Ziel.


Was möchte ich noch in der Anhangleiste des Nachrichtenbereiches verändern?

Erstellt habe ich dieses CSS:

/* Anhangleiste: Auswahlschaltfläche rechts vom Button Speichern ausblenden  */ 
#attachmentBar dropmarker { 
  display: none !important;  
  }
/* Anhangleiste: Direkte Anzeige aller Anhänge ohne Ausklappen */ 
#attachmentToggle, #attachmentInfo {
  display: none !important;
  }
/* Anhangleiste: Ausblenden von Icon vor Dateiname und Größe nach Dateiname */ 
.attachmentcell-icon, .attachmentcell-size{
  display: none !important;
  }

Siehe Screenshot.

Gerne möchte ich den Speicherbutton (ganz rechts) in der gleichen Zeile wie die Anhangnamen platzieren um nicht unnötig Höhe zu verschwenden.

Weiß jemand, wie man das erreicht?


Und noch was vermutlich Kniffliges:

Wenn man "Einstellungen > Allgemein > Lesen und Ansicht > [x] Anhänge eingebunden" gewählt hat, werden erwartungsgemäß Anhänge direkt angezeigt. Das Auflisten der Dateinamen in der Anhangleiste ist dann redundant.

Kann man verhindern, dass die bereits angezeigten Anhänge zusätzlich noch in der Anhangleiste aufgeführt werden?

Quote from ggbsde

Auch das dürfte nur mit einem Add-on gehen, mit css lassen sich afaik Elemente nicht verschieben.

Meine bisherigen Versuche waren erfolglos.

Für ältere TB-Versionen gab es mal die Erweiterung More Layouts:

Da konnte man wohl die Position der Anhangleiste verändern.

Quote from ggbsde

Davon ausgehend war ich mit folgendem css erfolgreich [...]

Klappte auch hier mit dem Wert "-32" : ) Danke!

Quote from ggbsde

Abgesehen davon hat man dann keine Möglichkeit mehr, die Anhänge zu speichern.

Da es ja nur um Bilder geht: das Speichern bliebe zugänglich per Kontextmenü "Grafik speichern unter"

Hier noch ein Schnipsel zu Bildern von mir für userContent.css:

/* Angehängte und eingebunden dargestellte Bilder kleiner darstellen und beim Hovern größer */ 
img {
   max-width: 150px !important;
}
img:hover {
   max-width: 100% !important;
}

Ist nur aus der Not heraus entstanden.

Die Defaulteinstellung expandiert Bilder volle Fensterbreite. Meistens viel zu groß.

Wählt man eine fixen relative maximale Größe kann man nicht mehr expandieren.

Das Konzept "Bilder als Thumbnail anzeigen" fehlt IMHO.

Also die vorläufige Notlösung per Hover.

Quote from ggbsde

#attachmentView { order: -1 !important; }

Das verschiebt die Anhangleiste über die Kopfzeilen.

Quote from Mapenzi

Das ist doch ohnehin schon der Fall:

In dieser Darstellung steht der Speicherbutton in derselben Zeile, richtig. Aber diese Darstellung meine ich nicht.

Ich meine diese Darstellung:


Ich suche nach einer reduzierten Darstellung, wo nichts mehr aufklappbar ist, sondern wo von Anfang an alle Dateinamen zu sehen sind.

Und in dieser Darstellung soll der Button nicht in einer zusätzlichen Zeile stehen.

Ist jetzt klar, wo ich hin will?

Zurück zur Anhangleiste:

/* Anhangleiste: Nur Dateinamen zeigen, kein Ausklappfeld */ 
#attachmentToggle, #attachmentInfo {
 display: none !important;
 }
/* Speicherbutton in derselben Leiste wie die Dateinamen */ 
#attachmentBar {
z-index: 1 !important;
background: transparent !important;
}
#attachmentList {
margin-top: -32px !important;
}

Das ist noch nicht stabil. Es muss ja auch sichtbar sein, wenn die Anhangleiste keinen Fokus besitzt.

Das sind noch weitere Tests nötig.

Darstellungsziel:

Entweder für jeden Dateinamen das Aussehen eines Buttons. Oder kein Dateiname mit dem Aussehen eines Buttons.

Einen robusten Weg für die Platzierung der Anhangleiste direkt unter den Kopfzeilen habe ich noch nicht gefunden.

Aber immerhin das "Gedöns" ist entfernt:

Thunderbird Easy-Peasy | Andreas Borutta

Danke an dharkness21