Style tweak: make all but selected list icons rounded

In our case, "list icons" usually means "avatars" so think
"rounded avatars, except the currently selected one which remains
square". This makes things look a bit more polished, but still
allow you to properly see the full avatar when you actually need
to.
This commit is contained in:
Badri Sunderarajan 2024-03-24 23:12:50 +05:30
parent 4379de12df
commit be8d93e946
Signed by: badrihippo
GPG Key ID: 9F594532AD60DE03
1 changed files with 9 additions and 0 deletions

View File

@ -88,4 +88,13 @@
.list-item-indicator__subtext::first-letter {
text-transform: none;
}
/* Make all but the selected icon rounded */
.list-item-icon__icon {
border-radius: 0.6rem;
}
.list-item-icon:focus .list-item-icon__icon {
border-radius: 0;
}
</style>