Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

How to change line spacing in message list - unthreaded view

  • 5 risposte
  • 2 hanno questo problema
  • 22 visualizzazioni
  • Ultima risposta di Ahmad Samir

more options

With the release of TB115 the line spacing in the message list is much tighter than it was in previous versions. I have an userChrome.css file and it is working just fine for the folder list but I can't get it to work for the message list.

#folderTree { line-height: 18px !important; } - this works fine to increase the line height in the folderTree

None of the following work to increase the line height in the message list

#threadTree > treechildren { line-height: 18px !important; } #threadTree > treechildren::-moz-tree-row { line-height: 18px !important; } #threadTree { line-height: 18px !important; }

Just in case it is interfering, you should know that I have also set layout.css.devPixlesPerPx to 1.75 to make all the fonts bigger.

Any help that you could provide would be much appreciated before my eyes go cross-eyed from reading the very tightly spaced message list.

With the release of TB115 the line spacing in the message list is much tighter than it was in previous versions. I have an userChrome.css file and it is working just fine for the folder list but I can't get it to work for the message list. #folderTree { line-height: 18px !important; } - this works fine to increase the line height in the folderTree None of the following work to increase the line height in the message list #threadTree > treechildren { line-height: 18px !important; } #threadTree > treechildren::-moz-tree-row { line-height: 18px !important; } #threadTree { line-height: 18px !important; } Just in case it is interfering, you should know that I have also set layout.css.devPixlesPerPx to 1.75 to make all the fonts bigger. Any help that you could provide would be much appreciated before my eyes go cross-eyed from reading the very tightly spaced message list.

Modificato da fischer9 il

Soluzione scelta

Try changing the view>density setting

Leggere questa risposta nel contesto 👍 8

Tutte le risposte (5)

more options

Soluzione scelta

Try changing the view>density setting

more options

Thank you. This is exactly what I was looking for and is much easier than having a custom css file.

more options

You're welcome; I agree, it's preferable to have the options right on the menu. :)

more options

If you're still not happy with the density and/or want more control, here's an option for adding a bit of space:

/* Message List Row Height*/

#threadTree treechildren::-moz-tree-row {
 margin-top: 2px !important;
 margin-bottom: 2px !important;

}

And while we're here, if you want to alternate colors with a light gray:

/* Message List Alternating Row Colors */

#threadTree treechildren::-moz-tree-row(odd) {
  -moz-appearance: none !important;
  background-color: #ececec !important;

}

more options

Hello.

With TB 115.6.1, I had to use this:

 table[is="tree-view-table"] {
    border-spacing: 0 7px !important;
 }

https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

Changing the line-height caused some weird jumping up/down when selecting a message in the messages pane; could be a new issue in TB (I've only switched to 115 recently) or just something off with my local setup. :)

Edit: unfortunately this doesn't solve the jumping/scrolling issue 100%, i.e. selecting a message in the messages panel causes the view to scroll so that the selected message is in the middle of the panel... so the solution I found was reverting back to TB102.

Modificato da Ahmad Samir il