From 9ebf6424eedce94b1f5ab3ff34b41198e51e36f8 Mon Sep 17 00:00:00 2001 From: HesterG Date: Tue, 21 Feb 2023 19:28:31 +0800 Subject: [PATCH] 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: ![hover including title](https://user-images.githubusercontent.com/17645053/220271470-4f49e16f-87eb-4ffa-b38e-23feae1ff92d.png) ![hover without title](https://user-images.githubusercontent.com/17645053/220271512-e4a67685-6b72-4742-a34f-e01ed248c1de.png) This is because in `fomantic/build/semantic.css` there is a rule `text-decoration: underline;` when hovering over the `` tag. Here, the `` 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 --- web_src/less/_organization.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less index c52753e29b..ae406f021a 100644 --- a/web_src/less/_organization.less +++ b/web_src/less/_organization.less @@ -93,6 +93,10 @@ &.teams, &.profile { .members { + a:hover { + text-decoration: none; + } + .ui.avatar { width: 48px; height: 48px;