Fix button styling in bricks (#4975)

* Fix button styling in bricks * Reformat with prettier * Replace global css
webkom · Sep 23, 2024 · 1069232 · 1069232
1 parent cbb793d
commit 1069232
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 1 deletion.
diff --git a/app/components/Header/Header.css b/app/components/Header/Header.css
@@ -50,6 +50,7 @@
 
 .buttonGroup button,
 .buttonGroup img {
+  background-color: transparent;
   border: 0;
   color: var(--lego-font-color);
   cursor: pointer;

diff --git a/app/components/Header/Navbar/Navbar.css b/app/components/Header/Navbar/Navbar.css
@@ -32,6 +32,11 @@
   }
 }
 
+.navigation button {
+  background-color: transparent;
+  border: none;
+}
+
 .navbarDropdown {
   width: auto;
   padding: var(--spacing-sm) var(--spacing-md);

diff --git a/packages/lego-bricks/package.json b/packages/lego-bricks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webkom/lego-bricks",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Component library for lego and other Abakus projects",
   "author": "webkom",
   "license": "MIT",

diff --git a/packages/lego-bricks/src/components/Button/Button.module.css b/packages/lego-bricks/src/components/Button/Button.module.css
@@ -26,6 +26,7 @@
 }
 
 .button {
+  border: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;

diff --git a/packages/lego-bricks/src/components/Icon/Icon.module.css b/packages/lego-bricks/src/components/Icon/Icon.module.css
@@ -16,6 +16,8 @@
 }
 
 .clickable {
+  background-color: transparent;
+  border: none;
   display: flex;
   width: fit-content;
   height: fit-content;