Fix styling for single skip buttons globally

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 4 insertions, 28 deletions

diff --git a/core/css/header.scss b/core/css/header.scss
index e5d28b139cc..46a0e1a274d 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -28,23 +28,6 @@
 	}
 }
 
-/* removed until content-focusing issue is fixed */
-#skip-to-content a {
-	position: absolute;
-	left: -10000px;
-	top: auto;
-	width: 1px;
-	height: 1px;
-	overflow: hidden;
-	&:focus {
-		left: 76px;
-		top: -9px;
-		color: var(--color-primary-text);
-		width: auto;
-		height: auto;
-	}
-}
-
 /* HEADERS ------------------------------------------------------------------ */
 #body-user #header,
 #body-settings #header,
@@ -648,23 +631,16 @@ nav[role='navigation'] {
 
 
 /* Skip navigation links – show only on keyboard focus */
-.skip-navigation {
-	padding: 11px;
+#skip-actions {
 	position: absolute;
 	overflow: hidden;
 	z-index: 9999;
 	top: -999px;
 	left: 3px;
-	/* Force primary color, otherwise too light focused color */
-	background: var(--color-primary) !important;
-
-	&.skip-content {
-		left: variables.$navigation-width;
-		margin-left: 3px;
-	}
+	height: 50px;
+	padding: 11px;
 
-	&:focus,
-	&:active {
+	&:focus-within {
 		top: variables.$header-height;
 	}
 }