summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorwxiaoguang <wxiaoguang@gmail.com>2023-08-29 22:03:34 +0800
committerGitHub <noreply@github.com>2023-08-29 14:03:34 +0000
commit96ba747ff21ddffdbab0cc7b37e78381861bc9e4 (patch)
tree31db4daa0be3af5432ce19b6df3af65a82ff71a8
parent915cabdb14450ea5dcfc74ec55bb22d8cb0f29b1 (diff)
downloadgitea-96ba747ff21ddffdbab0cc7b37e78381861bc9e4.tar.gz
gitea-96ba747ff21ddffdbab0cc7b37e78381861bc9e4.zip
Fix notification circle (border-radius) (#26794)
`border-radius` means `radius`, not `diameter`, so it should be `50%` and `boxHeight / 2`
-rw-r--r--web_src/css/base.css2
-rw-r--r--web_src/css/modules/navbar.css4
2 files changed, 3 insertions, 3 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 1a88823cb1..c0176cc437 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -18,7 +18,7 @@
/* non-color variables */
--border-radius: 4px;
--border-radius-medium: 6px;
- --border-radius-circle: 100%;
+ --border-radius-circle: 50%;
--opacity-disabled: 0.55;
--height-loading: 16rem;
--tab-size: 4;
diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css
index 15114f90b2..de25ea6811 100644
--- a/web_src/css/modules/navbar.css
+++ b/web_src/css/modules/navbar.css
@@ -133,8 +133,8 @@
left: 6px;
top: -9px;
min-width: 17px;
- min-height: 17px;
- border-radius: var(--border-radius-circle);
+ height: 17px;
+ border-radius: 11px; /* (height + 2 * borderThickness) / 2 */
display: flex;
align-items: center;
justify-content: center;