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:
parent
4379de12df
commit
be8d93e946
1 changed files with 9 additions and 0 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue