From d84866f5f7b28853c2b58065c78579852492980c Mon Sep 17 00:00:00 2001 From: omsaggau Date: Thu, 19 Oct 2023 20:44:10 +0200 Subject: [PATCH 1/2] Make sure pseudo element is only on anchor tag --- lib/bundle.css | 4 ++-- package.json | 2 +- src/components/Card/_card.scss | 3 +-- 3 files changed, 4 insertions(+), 5 deletions(-) diff --git a/lib/bundle.css b/lib/bundle.css index 12205950..3280bfde 100644 --- a/lib/bundle.css +++ b/lib/bundle.css @@ -561,10 +561,10 @@ a { margin-top: 12px; padding: 4px; } -.ssb-card .card-content .card-action:focus, .ssb-card .card-content .card-title:focus { +.ssb-card .card-content a.card-action:focus, .ssb-card .card-content a.card-title:focus { outline: none; } -.ssb-card .card-content .card-action::after, .ssb-card .card-content .card-title::after { +.ssb-card .card-content a.card-action::after, .ssb-card .card-content a.card-title::after { content: ""; position: absolute; inset: 0; diff --git a/package.json b/package.json index b0520481..05b026df 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@statisticsnorway/ssb-component-library", - "version": "2.0.94", + "version": "2.0.95", "description": "Component library for SSB (Statistics Norway)", "main": "lib/bundle.js", "scripts": { diff --git a/src/components/Card/_card.scss b/src/components/Card/_card.scss index caa0aecd..ff9806b5 100644 --- a/src/components/Card/_card.scss +++ b/src/components/Card/_card.scss @@ -180,8 +180,7 @@ padding: 4px; } - .card-action, .card-title { - + a.card-action, a.card-title { &:focus { outline: none; } From df2b9e6700a4aa5c28851cb74f83538aab64b818 Mon Sep 17 00:00:00 2001 From: omsaggau Date: Thu, 19 Oct 2023 20:46:53 +0200 Subject: [PATCH 2/2] Fix lint --- src/components/Card/_card.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Card/_card.scss b/src/components/Card/_card.scss index ff9806b5..95123731 100644 --- a/src/components/Card/_card.scss +++ b/src/components/Card/_card.scss @@ -181,6 +181,7 @@ } a.card-action, a.card-title { + &:focus { outline: none; }