From 32cb5d883bbf33b2334516833ef478ae6cc16191 Mon Sep 17 00:00:00 2001 From: alexgao1 Date: Tue, 24 Sep 2024 19:07:23 +0000 Subject: [PATCH] Add skip to content anchor tag (#1243) --- .../src/main/content/htdocs/index.html | 17 +++------------ .../main/js/nunaliit2/css/basic/n2.layout.css | 21 +++++++++++++++++++ 2 files changed, 24 insertions(+), 14 deletions(-) diff --git a/nunaliit2-couch-sdk/src/main/content/htdocs/index.html b/nunaliit2-couch-sdk/src/main/content/htdocs/index.html index 0ad2d0365..9408f7089 100644 --- a/nunaliit2-couch-sdk/src/main/content/htdocs/index.html +++ b/nunaliit2-couch-sdk/src/main/content/htdocs/index.html @@ -19,26 +19,19 @@ + -
- - +
- - + - - -
- -
@@ -48,8 +41,6 @@
- -
- -
diff --git a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.layout.css b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.layout.css index 2fb3b0e82..e45025b5f 100644 --- a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.layout.css +++ b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.layout.css @@ -257,4 +257,25 @@ border-bottom: 1px solid lightgrey; padding-top: 4px; outline: none; +} + +.skip-to-content { + position: relative; + z-index: 100; + font-size: xx-large; + background-color: #3a3a3a; + color: white; + padding: 1rem; + text-decoration: none; + border-radius: 0.5rem; + box-shadow: 0px 0px 12px 2px #c5c5c5; + top: 6rem; + left: -999px; + opacity: 0; +} + +.skip-to-content:focus { + left: 3rem; + text-decoration: none; + opacity: 1; } \ No newline at end of file