aboutsummaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
authorHesterG <hestergong@gmail.com>2023-02-21 19:28:31 +0800
committerGitHub <noreply@github.com>2023-02-21 12:28:31 +0100
commit9ebf6424eedce94b1f5ab3ff34b41198e51e36f8 (patch)
treee61638919d94d0f44c882974887e6236391aa0d0 /web_src
parente7b560f3fe07a0abf0321935d2a33d18a0f27acd (diff)
downloadgitea-9ebf6424eedce94b1f5ab3ff34b41198e51e36f8.tar.gz
gitea-9ebf6424eedce94b1f5ab3ff34b41198e51e36f8.zip
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 `<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>
Diffstat (limited to 'web_src')
-rw-r--r--web_src/less/_organization.less4
1 files changed, 4 insertions, 0 deletions
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;