Change `--border-radius-circle` to `--border-radius-full` (#30936) (#31078)

diff --git a/tailwind.config.js b/tailwind.config.js
index d49e9d7a1c783ab4675d173b52418b66e11a3ab2..94dfdbced4543ffe66e6c8ee76e9fc6d4fdb6a68 100644 (file)
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -66,7 +66,7 @@ export default {
       'xl': '12px',
       '2xl': '16px',
       '3xl': '24px',
-      'full': 'var(--border-radius-circle)', // 50%
+      'full': 'var(--border-radius-full)',
     },
     fontFamily: {
       sans: 'var(--fonts-regular)',

diff --git a/web_src/css/base.css b/web_src/css/base.css
index 7a8f393f54a945c115b86e426c3f977fc2f90f52..69e9cc41a2f6bce56a025d19d444de7614157880 100644 (file)
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -18,7 +18,7 @@
   /* other variables */
   --border-radius: 4px;
   --border-radius-medium: 6px;
-  --border-radius-circle: 50%;
+  --border-radius-full: 99999px; /* TODO: use calc(infinity * 1px) */
   --opacity-disabled: 0.55;
   --height-loading: 16rem;
   --min-height-textarea: 132px; /* padding + 6 lines + border = calc(1.57142em + 6lh + 2px), but lh is not fully supported */
@@ -1170,7 +1170,7 @@ overflow-menu .ui.label {
 
 .color-icon {
   display: inline-block;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--border-radius-full);
   height: 14px;
   width: 14px;
 }

diff --git a/web_src/css/modules/animations.css b/web_src/css/modules/animations.css
index 361618c4493ce54984e295c7e2a19d990f54f617..a86c9234aa335e96a951ed88a88da857a9232386 100644 (file)
--- a/web_src/css/modules/animations.css
+++ b/web_src/css/modules/animations.css
@@ -31,7 +31,7 @@
   border-width: 4px;
   border-style: solid;
   border-color: var(--color-secondary) var(--color-secondary) var(--color-secondary-dark-8) var(--color-secondary-dark-8);
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--border-radius-full);
 }
 
 .is-loading.loading-icon-2px::after {

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index d7702e35a53635113b31b9176e02cde0440e7f34..4076b50a12d2ea5b150c88cc2fa0a5abadb9148f 100644 (file)
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -790,7 +790,7 @@ td .commit-summary {
   width: 34px;
   height: 34px;
   background-color: var(--color-timeline);
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--border-radius-full);
   display: flex;
   float: left;
   margin-left: -33px;