mirror of
1
Fork 0

Fix notification circle (border-radius) (#26794)

`border-radius` means `radius`, not `diameter`, so it should be `50%` and `boxHeight / 2`
This commit is contained in:
wxiaoguang 2023-08-29 22:03:34 +08:00 committed by GitHub
parent 915cabdb14
commit 96ba747ff2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -18,7 +18,7 @@
/* non-color variables */ /* non-color variables */
--border-radius: 4px; --border-radius: 4px;
--border-radius-medium: 6px; --border-radius-medium: 6px;
--border-radius-circle: 100%; --border-radius-circle: 50%;
--opacity-disabled: 0.55; --opacity-disabled: 0.55;
--height-loading: 16rem; --height-loading: 16rem;
--tab-size: 4; --tab-size: 4;

View File

@ -133,8 +133,8 @@
left: 6px; left: 6px;
top: -9px; top: -9px;
min-width: 17px; min-width: 17px;
min-height: 17px; height: 17px;
border-radius: var(--border-radius-circle); border-radius: 11px; /* (height + 2 * borderThickness) / 2 */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;