Edit: I have applied a background that matches the background of each box, so the username and avatar follow the user with a background of the color of each theme (Dark and White) remaining on top of the box. It looks great, especially on mobile, and improves the usability to know who is replying in a long post.
/* APLICA CAMBIOS EN AMBOS MODOS */
:root {
& when (@config-dark-mode = true) {
/* Avatares Sticky modo dark */
article > div > header.Post-header {
position: sticky;
top: 50px;
z-index: 999;
background:#15191e;
}
@media @phone {
article > div > header.Post-header {
position: sticky;
top: 46px;
overflow:hidden;
background:#15191e;
}
}
}
& when (@config-dark-mode = false) {
/* Avatares Sticky modo white */
article > div > header.Post-header {
position: sticky;
top: 50px;
z-index: 999;
background:#eaedf0;
}
@media @phone {
article > div > header.Post-header {
position: sticky;
top: 46px;
overflow:hidden;
background:#eaedf0;
}
}
}
}
Hi, I wanted to know if there is any possibility to make the avatar area become sticky. Sometimes, discussions can be very long, and it would be nice if the post editor avatar follows the user while scrolling down.
This is something that comes standard in Discourse CSS, but I haven't seen any classes to apply this to on mobile and desktop. If I apply position: sitcky, the avatar gets sloppy in the post, but it doesn't follow the user. Any ideas?
