DDBPRO-154

Deutsche-Digitale-Bibliothek · Aug 29, 2024 · 05aa687 · 05aa687
1 parent 71f1d73
commit 05aa687
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/web/themes/custom/ddbp/src/main.js b/web/themes/custom/ddbp/src/main.js
@@ -6,7 +6,7 @@ import './scss/app.scss';
 import './js/helpers/smooth-scroll';
 // elements
 import './js/elements/accordion';
-import './js/elements/announcement';
+// import './js/elements/announcement';
 import './js/elements/departments';
 import './js/elements/fade-scroll';
 import './js/elements/faq-sidebar';

diff --git a/web/themes/custom/ddbp/src/scss/elements/_announcement.scss b/web/themes/custom/ddbp/src/scss/elements/_announcement.scss
@@ -3,6 +3,17 @@
     border-radius: 100px;
     background: $color-main;
     overflow: hidden;
+
+    &:focus-within:has(a.announcement__link) {
+        outline: none;
+        border: 1px solid $color-focus !important;
+        box-shadow: 0 0 20px $color-focus;
+    }
+
+    &:focus-within:has(a.announcement__link:not(:focus-visible)) {
+        border: none !important;
+        box-shadow: 0 0 0 transparent;
+    }
 }
 
 .announcement__link {
@@ -14,7 +25,12 @@
     grid-auto-flow: column;
     grid-template-columns: 1fr auto;
     width: 100%;
-
+
+    &:focus {
+        border: none !important;
+        box-shadow: 0 0 0 transparent;
+    }
+
     @include bp(l) {
         &:hover {
             .announcement__more {
@@ -61,7 +77,7 @@
         @include spacing(padding, tiny, right left);
         display: flex;
         min-width: 100%;
-        white-space: nowrap;
+        /* white-space: nowrap; */
     }
 }