Cannot scroll through signature list

It also looks like the 2.3.1 update also broke outputting the signature list title, when using the “Display: Table” option—the title does show up if I switch to the “long list (comma separated)” option.

Not wrapping the name in a span tag makes it much harder for me to lay out the row using CSS grid, and makes it impossible to add a column title like I had on the old version:

.dk-speakout-signaturelist-name:before { content: 'Name:'; }

Additionally, removing the .dk-speakout-odd class makes it harder to style alternating rows.

And finally, it looks like the signature list outputted code inconsistently nests the .dk-speakout-signaturelist row and a <strong> tag, with <strong> being inside .dk-speakout-signaturelist for the first row, but then vice-verse for the following two rows. Here’s a screenshot of the signature list HTML generated by a in-development site: https://i.imgur.com/uX1NwMu.png

Thanks!

Shouldn’t there only ever be one signature per row? Removing all my styling and enabling the default theme in the SpeakOut settings (instead of none) still shows me one signature per row—or per .dk-speakout-signaturelist—at any width.

Ah that makes sense.

I think you could easily depreciate the .dk-speakout-odd class, and just have users rely on :nth-child(odd) or whatever their column setup is.

Because of the way the signatures are output in the HTML screenshot I provided above though (with the mixed <strong> nesting), I had to write my styling like this:

.dk-speakout-signaturelist > strong {
    background-color: fade(@blue, 10%);
}
strong > .dk-speakout-signaturelist:nth-child(even) {
    background-color: fade(@blue, 10%);
}

which works, but of course is inelegant.

• This reply was modified 5 years, 9 months ago by randybruder.