From 3dda622f0a6e0446e2fdb02b64ce88701f42f609 Mon Sep 17 00:00:00 2001 From: Dan Brown Date: Tue, 15 Jun 2021 20:58:45 +0100 Subject: [PATCH] Added a "skip to content" link. Closes #2810 --- resources/lang/en/common.php | 1 + resources/sass/styles.scss | 17 +++++++++++++++++ resources/views/base.blade.php | 1 + .../common/parts/skip-to-content.blade.php | 1 + resources/views/errors/500.blade.php | 2 +- resources/views/pages/edit.blade.php | 2 +- resources/views/simple-layout.blade.php | 2 +- resources/views/tri-layout.blade.php | 2 +- 8 files changed, 24 insertions(+), 4 deletions(-) create mode 100644 resources/views/common/parts/skip-to-content.blade.php diff --git a/resources/lang/en/common.php b/resources/lang/en/common.php index d4508c3c7..1861869e3 100644 --- a/resources/lang/en/common.php +++ b/resources/lang/en/common.php @@ -60,6 +60,7 @@ return [ 'no_activity' => 'No activity to show', 'no_items' => 'No items available', 'back_to_top' => 'Back to top', + 'skip_to_main_content' => 'Skip to main content', 'toggle_details' => 'Toggle Details', 'toggle_thumbnails' => 'Toggle Thumbnails', 'details' => 'Details', diff --git a/resources/sass/styles.scss b/resources/sass/styles.scss index 37f39a4f7..582bf7c75 100644 --- a/resources/sass/styles.scss +++ b/resources/sass/styles.scss @@ -136,6 +136,23 @@ $btt-size: 40px; } } +.skip-to-content-link { + position: fixed; + top: -$-xxl; + left: 0; + background-color: #FFF; + z-index: 15; + border-radius: 0 4px 4px 0; + display: block; + box-shadow: $bs-dark; + font-weight: bold; + &:focus { + top: $-xl; + outline-offset: -10px; + outline: 2px dotted var(--color-primary); + } +} + .contained-search-box { display: flex; height: 38px; diff --git a/resources/views/base.blade.php b/resources/views/base.blade.php index 66604345f..0734466be 100644 --- a/resources/views/base.blade.php +++ b/resources/views/base.blade.php @@ -28,6 +28,7 @@ + @include('common.parts.skip-to-content') @include('partials.notifications') @include('common.header') diff --git a/resources/views/common/parts/skip-to-content.blade.php b/resources/views/common/parts/skip-to-content.blade.php new file mode 100644 index 000000000..b63573d76 --- /dev/null +++ b/resources/views/common/parts/skip-to-content.blade.php @@ -0,0 +1 @@ +{{ trans('common.skip_to_main_content') }} \ No newline at end of file diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php index d06ddbc57..ad759b49d 100644 --- a/resources/views/errors/500.blade.php +++ b/resources/views/errors/500.blade.php @@ -5,7 +5,7 @@
-
+

{{ trans('errors.error_occurred') }}

{{ $message ?? 'An unknown error occurred' }}

{{ trans('errors.return_home') }}

diff --git a/resources/views/pages/edit.blade.php b/resources/views/pages/edit.blade.php index f580b06cf..2120bddb2 100644 --- a/resources/views/pages/edit.blade.php +++ b/resources/views/pages/edit.blade.php @@ -8,7 +8,7 @@ @section('content') -
+
{{ csrf_field() }} diff --git a/resources/views/simple-layout.blade.php b/resources/views/simple-layout.blade.php index a57aaebef..b7d6d3ccd 100644 --- a/resources/views/simple-layout.blade.php +++ b/resources/views/simple-layout.blade.php @@ -4,7 +4,7 @@
-
+
@yield('body')
diff --git a/resources/views/tri-layout.blade.php b/resources/views/tri-layout.blade.php index dc4115f29..d985db649 100644 --- a/resources/views/tri-layout.blade.php +++ b/resources/views/tri-layout.blade.php @@ -34,7 +34,7 @@
-
+
@yield('body')