Redesign: polish room list

[bwindels]

• use SVG icon instead of "+" character for add room button
• fix chevron clipping
• polish margins
• show correct context menu icon on room tile hover
• style context menu button
• bring back "filter rooms" field
• polish/align badge with design
• add border around badge same as background color
• if not done sooner, show room section header badge also when section is expanded (not collapsed).

Questions:

• Where do the mute settings go? Design for context menu does not have them.

[bwindels]

@nadonomy just about knowing what to do with the mute settings.

[bwindels]

Nad will have a look at making the margins a bit denser by the end of next monday, I'll implement the ones in the current design for now.

[bwindels]

Put the remaining work for the context menu in #7666, so we can close this.

[aaronraimist]

Russian text appears bold (as if unread) on /experimental compared to English text
@bwindels do you want me to file a new issue?

[bwindels]

Interesting, thanks for reporting (here is fine). @nadonomy I guess this might tie into our font choice?

[bwindels]

Hmm, maybe it's just a matter of lowering the font-weight.

[bwindels]

Yeah, changing the font-weight from 600 to 599 seems to only affect the non-latin typography in Nunito.

[nadonomy]

This is super interesting. Definitely some inconsistencies across different character sets in Nunito:

Need to explore and ponder a bit more on how we can solve this better.