From 18fdc746bd08189dad987bcaf0612eb50a726902 Mon Sep 17 00:00:00 2001
From: Lukas Hirt <lukashirt@mail.com>
Date: Tue, 18 May 2021 10:38:56 +0200
Subject: [PATCH] fix: make skip to link visible on focus

---
 changelog/unreleased/bugfix-make-skip-to-visible | 5 +++++
 packages/web-runtime/src/components/SkipTo.vue   | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 changelog/unreleased/bugfix-make-skip-to-visible

diff --git a/changelog/unreleased/bugfix-make-skip-to-visible b/changelog/unreleased/bugfix-make-skip-to-visible
new file mode 100644
index 00000000000..73703635f5b
--- /dev/null
+++ 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
\ No newline at end of file
diff --git a/packages/web-runtime/src/components/SkipTo.vue b/packages/web-runtime/src/components/SkipTo.vue
index 30a53af8518..555a02cc779 100644
--- 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;
 }