Remove dashes between organization member avatars on hover (#23034)
On the home page of an organization, there are unexpected dashes between the avatars of the members when hovering over the avatars, as shown in below:   This is because in `fomantic/build/semantic.css` there is a rule `text-decoration: underline;` when hovering over the `<a>` tag. Here, the `<a>` tag has width and height because of the avatar image inside, leading to the unexpected underlines. This PR overrides the `a:hover` rule so the underline does not exist anymore. Co-authored-by: delvh <leon@kske.dev>
This commit is contained in:
parent
e7b560f3fe
commit
9ebf6424ee
@ -93,6 +93,10 @@
|
||||
&.teams,
|
||||
&.profile {
|
||||
.members {
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui.avatar {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user