Issue #3153265 by kiran.kadam911, hinal05, komalk, mherchel, kishor_k…

…olekar, ambuj_gupta, Abhijith S, chetanbharambe, andrewmacpherson: Olivero: Skip link focus should not create layout shift (cherry picked from commit 8f711d9)
drupal · May 7, 2021 · eb07dc5 · eb07dc5
1 parent 65910ce
commit eb07dc5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css
@@ -43,3 +43,11 @@
 .skip-link:after {
     content: "\0020	➔";
   }
+
+.skip-link.focusable:focus {
+  position: absolute !important; /* Override position from module file. */
+  z-index: 503;
+  width: 100%;
+  height: 2.5rem;
+  outline: none;
+}
diff --git a/core/themes/olivero/css/components/skip-link.pcss.css b/core/themes/olivero/css/components/skip-link.pcss.css
@@ -23,3 +23,11 @@
     content: "\0020	➔";
   }
 }
+
+.skip-link.focusable:focus {
+  position: absolute !important; /* Override position from module file. */
+  z-index: 503;
+  width: 100%;
+  height: 40px;
+  outline: none;
+}