MIM-2177:Added styling if Tag has class active (#1458)

statisticsnorway · Jan 30, 2025 · 5478604 · 5478604
1 parent 46fa1ee
commit 5478604
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/lib/bundle.css b/lib/bundle.css
@@ -2633,7 +2633,7 @@ a {
 .ssb-tag:hover, .ssb-tag:active {
   cursor: pointer;
 }
-.ssb-tag:hover, .ssb-tag:focus {
+.ssb-tag:hover, .ssb-tag:focus, .ssb-tag.active {
   background: #00824d;
   color: #fff;
 }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@statisticsnorway/ssb-component-library",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "description": "Component library for SSB (Statistics Norway)",
   "main": "lib/bundle.js",
   "scripts": {

diff --git a/src/components/Tag/_tag.scss b/src/components/Tag/_tag.scss
@@ -25,7 +25,8 @@
   }
 
   &:hover,
-  &:focus {
+  &:focus,
+  &.active {
     background: $ssb-green-4;
     color: $ssb-white;
   }
@@ -45,4 +46,4 @@
     font-size: 18px;
     margin-right: 5px;
   }
-}
+}