"Reader Mode" theme component feedback

Thank you Jordan :slight_smile:

Your commit also made it easy to identify the css for controlling this. I played around with both full colour, and fully hidden avatars, and after speaking with a few colleagues we’ve decided to go with fully hidden.

For anyone who wants to make changes to go full colour or fully hidden avatar, just add the following as a theme component:

Fully Hide Avatars

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 0;
    transition: opacity 0.3s;
    filter: none;
  }
}

Show Avatars full colour

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 1;
    transition: opacity 0.3s;
    filter: none;
  }
}

Font size is not persistent in settings slider

One Colleague also found that when we click out of the font-size settings, and then go back to it, the slider’s setting is not persistent.

Not a major issue, but worth noting if it hasn’t been seen yet.

p.s. when showing them the font style dropdown, the response was “wow, no comic sans :triumph::joy:

1 Like