Consistent border-radius for buttons, Fixes #123

ronilaukkarinen · Jun 30, 2024 · 2d596e8 · 2d596e8
1 parent f74fa11
commit 2d596e8
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ### 2.0.0rc38: 2024-06-30
 
 * Remove outdated links from the README #121 (thanks @mackuba!)
+* Consistent border-radius for buttons #123
 
 ### 2.0.0rc37: 2024-04-06
 

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0rc37 */
+   2.0.0rc38 */
 
 /* CSS variables */
 :root {
@@ -1697,6 +1697,10 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet,
 
 /* Icon buttons */
 .layout-multiple-columns .icon-button {
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
   color: var(--color-dim);
 }
 

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0rc37 */
+   2.0.0rc38 */
 
 /* CSS variables */
 :root {
@@ -1752,6 +1752,10 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
 
 /* Icon buttons */
 .layout-single-column .icon-button {
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
   color: var(--color-dim);
 }
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.0rc37",
+  "version": "2.0.0rc38",
   "description": "",
   "main": "index.js",
   "scripts": {