Merge pull request #5118 from owncloud/fix/make-skip-to-visible

fix: make skip to link visible on focus
owncloud · May 18, 2021 · 92f61df · 92f61df
2 parents 7bc2b1d + 18fdc74
commit 92f61df
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/changelog/unreleased/bugfix-make-skip-to-visible b/changelog/unreleased/bugfix-make-skip-to-visible
@@ -0,0 +1,5 @@
+Bugfix: Make skip to main content link visible
+
+We've fixed the z-index of the skip to main content link so that it is not hidden under different content anymore and is again visible on focus.
+
+https://github.com/owncloud/web/pull/5118
diff --git a/packages/web-runtime/src/components/SkipTo.vue b/packages/web-runtime/src/components/SkipTo.vue
@@ -36,10 +36,11 @@ export default {
   position: absolute;
   top: -100px;
   left: 0;
-  z-index: 1;
+  z-index: 4;
   -webkit-appearance: none;
   border: none;
-  background-color: #ffffff;
+  background-color: var(--oc-color-swatch-brand-default);
+  color: var(--oc-color-text-inverse);
   font: inherit;
   padding: 0.25em 0.5em;
 }