Attachment Toolbox - Reihenfolge im Verfassenfenster ändern

Thunderbird 115.3.0

Windows 10 Pro 22H2

---------------------------------

Guten Abend zusammen,

ich möchte innerhalb des Verfassensfenster die verschiedenen Menüpunkte per CSS in der Reihenfolge ändern. Nun habe ich versucht die richtigen IDs zu lokalisieren um diese mit "order" zu verschieben, was mir allerdings nicht gelingt. Ziel des ganzen sollte sein, daß ich z.B. den Attachmentbereich gerne weiter oben hätte (z.B. direkt unter die Format Toolbox). Ich würde da gerne ein wenig ausprobieren können wie es mir am besten gefällt. Bisher habe ich folgenden Code verwendet:

#MsgHeadersToolbar {
order: 1 !important;   
}
#FormatToolbox {
order: 2 !important;
}
#messageArea {
order: 4 !important;  
}
#attachmentArea {
appearance: none !important;
  order: 3 !important;
}

Leider werden die Einträge nicht in die Reihenfolge verschoben wie ich erwartet hätte. Kann mir da jemand bei helfen, wie ich das Ganze doch noch hinbekomme oder ist das in diesem Fall ggf. gar nicht möglich?

Quote from Bastler

ein Bild mit markierten Bereichen und Wunschpositionen, sagt mehr als 1000 Worte.

ich habe dazu jetzt mal 2 Bilder gemacht. Das Bild mit dem Pfeil soll zeigen wo ich die Attachment-Toolbox hin verschieben möchte und das 2.te Bild soll zeigen wie es im Endeffekt dann aussehen soll. Desweiteren soll dann an die gleiche Stelle auch der Hinweis wenn ein Anhang fehlt erscheinen. Das müßte ich dann theoretisch hinbekommen wenn ich weiß warum ich die Menüeinträge nicht umordnen kann hoffe ich.

Hallo zusammen,

ich habe es auch nach vielen Versuchen nicht geschafft die Reihenfolge mit order zu ändern. Das einzige Element, welches ich mit order ansprechen konnte, ist die gelbe Anhang-Erinnerungsmeldung, welche unten erscheint, sobald man im Mailtext z.B. " Anhang" schreibt. Diese ist mit dieser Option dann komplett nach oben über die Menüleiste gewandert.

#compose-notification-bottom  {
  appearance: none !important;
  order: -1 !important;
}

Nach langem probieren und mit Hilfe des Inspektors, habe ich dann nun folgendes Ergebnis erzielen können, was dem was ich haben wollte schon ziemlich nah kommt. Da ich mit position gearbeitet habe, überlappt der Anhang-Bereich, sowie die Anhang-Erinnerungsmeldung nun beim auslösen den Emailtextbereich etwas aber grundsätzlich können alle Funktionen normal bedient werden. Es ist ein Kompromiss zu dem was ich haben wollte und dem was machbar zu sein scheint.

 /*--------------------------------------------------*/
/* Verfassen-Fenster */
/*--------------------------------------------------*/

/* ..... Anhang Warnmeldung nach oben versetzen ..... */
#compose-notification-bottom  {
  appearance: none !important;
  left: 25% !important;
  top: 225px !important;
  position: fixed !important;
  width: 50% !important;
}
/* ..... Anhang Warnmeldung stylen ..... */
#compose-notification-bottom > .notificationbox-stack {
  background-color: transparent !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 10px 20px 20px -14px rgba(181,175,181,0.65) !important;
}
notification-message {
  margin: 0 !important;
}
.container.infobar {
  max-height: 70px !important;
  padding: 10px !important;
}

/* ..... Anhang Toolbox nach oben versetzen ..... */
#attachmentArea {
appearance: none !important;
  display: unset !important;
  right: 0 !important;
  top: 227px !important;
  position: fixed !important;
  width: 50% !important;
  background-color: #eee !important;
  height: 24px !important;
  border-left: 1px solid #c7c7c8 !important;
}
/* ..... Anhang Toolbox - Größenangabe stylen ..... */
#attachmentBucketSize {
  color: #000 !important;
  background-color: transparent !important;
}
/* ..... Anhang Toolbox - Box stylen ..... */
#attachmentBucket {
  border: 1px solid var(--splitter-color) !important;
  box-shadow: 10px 20px 20px -14px rgba(181,175,181,0.65) !important;
  border-radius: 0 0 0 5px !important;
}
#attachmentArea > summary {
  padding: 4px !important;
}
/* ..... Anhang Toolbox - Ohne Anhang nicht anzeigen ..... */
#composeContentBox.attachment-area-hidden #attachmentArea {
  display: none !important;
}

Danke @Bastler und dharkness21 für eure Bemühungen. Gerne darf mal durchgetestet werden und für Verbesserungsvorschläge bin ich immer offen.

NACHTRAG:

Falls der box-shadow sich nicht ausblenden läßt findet man einen korrigierten Code im Post #16 dieses Beitrags. Funktioniert in Thunderbird sowie Betterbird Version 115

Quote from DarkCorri53i

Wenn die Anhang-Warnmeldebox sich schließt oder geschlossen wird bleibt der Box Shadow eingeblendet und läßt sich nicht ausblenden.

Das ist bei mir nicht der Fall, daher kann ich das gerade nicht nachvollziehen. Der Box-Shadow verschwindet bei mir wenn die Anhang-Warnmeldung geschlossen wird. Gibt es ggf. einen anderen Code in der userChrome.css der das mit verursacht, welchen ich nicht habe?

Vieleicht kann auch noch mal jemand anderes mit gegen testen ob das bei anderen auch der Fall ist, daß der Box-Shadow nicht mit ausgeblendet wird?

Hinweis: Ich nutze den aktuellen Thunderbird und dort wird der Box-Shadow ordnungsgemäß beim schliessen ausgeblendet. Wenn ich das ganze mit Betterbird teste, dann bleibt der Box-Shadow bestehen. Wird eventuell Betterbird genutzt?

DarkCorri53i

Quote from DarkCorri53i

Nein ich benutze Thunderbird 115.3.1 unter Windows 10 22H2

bei mir funktioniert der Code unter Thunderbird 115.3.1 sowie unter 115.3.2 (aktuellste Version) ohne Probleme, daher kann ich das nicht nachvollziehen. Ich weiß daher nicht genau wo ich ansetzen soll. Ggf. mal ein Screenshot machen wie das aussieht mit dem Box-shadow der nicht schliesst. Ggf. sieht es ähnlich aus wie bei Betterbird, da verschwindet der Box-Shadow auch nicht allerdings scheint sich dort die ganze Box nicht richtig zu schliessen, da ich mit dem Inspektor immer noch den Warnhinweis finden kann obwohl geschlossen. Bei meinem Thunderbird ist das nicht so.

DarkCorri53i

Quote from DarkCorri53i

Schatten bleibt eingeblendet.

Den folgenden Codeschnipsel bitte komplett entfernen:

notification-message {  margin: 0 !important;
}

und den Rest für die Anhang-Warnmeldung einmal mit dem folgenden Code testen bzw. ersetzen:

/* ..... Anhang Warnmeldung nach oben versetzen ..... */
#compose-notification-bottom  {
  appearance: none !important;
  left: 25% !important;
  top: 225px !important;
  position: fixed !important;
  width: 50% !important;
  
}
/* ..... Anhang Warnmeldung stylen ..... */
.notificationbox-stack {
   background-color: transparent !important;
   appearance: none !important;
   overflow: visible !important;
}
#attachmentNotificationBox {
box-shadow: 6px 6px 20px -3px silver !important;
}
.container.infobar {
  max-height: 70px !important;
  padding: 10px !important;
}

Der Code funktioniert bei mir im Thunderbird als auch im Betterbird. In beiden wird der box-shadow bei mir nun ausgeblendet (was bei mir nur bei Betterbird nicht der Fall gewesen ist).

Ich hoffe das damit das Problem behoben ist.