From 25bc43e40962d02f95e412c5c57f8037fe751492 Mon Sep 17 00:00:00 2001 From: Frank-Mayer Date: Sat, 8 Apr 2023 18:27:29 +0200 Subject: [PATCH 1/3] added snack bar inside noscript element --- src/shared/custom-els/snack-bar/styles.css | 3 ++- src/static-build/pages/index/index.tsx | 24 ++++++++++++++++++++++ 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/src/shared/custom-els/snack-bar/styles.css b/src/shared/custom-els/snack-bar/styles.css index f20552cb..2bfae726 100644 --- a/src/shared/custom-els/snack-bar/styles.css +++ b/src/shared/custom-els/snack-bar/styles.css @@ -62,7 +62,7 @@ snack-bar { position: relative; flex: 0 1 auto; padding: 8px; - height: 36px; + height: 100%; margin: auto 8px auto -8px; min-width: 5em; background: none; @@ -78,6 +78,7 @@ snack-bar { overflow: hidden; transition: background-color 200ms ease; outline: none; + text-decoration: none; } .button:hover { background-color: rgba(0, 0, 0, 0.15); diff --git a/src/static-build/pages/index/index.tsx b/src/static-build/pages/index/index.tsx index 109c8e36..e12aaa16 100644 --- a/src/static-build/pages/index/index.tsx +++ b/src/static-build/pages/index/index.tsx @@ -19,6 +19,8 @@ import favicon from 'url:static-build/assets/favicon.ico'; import ogImage from 'url:static-build/assets/icon-large-maskable.png'; import { escapeStyleScriptContent, siteOrigin } from 'static-build/utils'; import Intro from 'shared/prerendered-app/Intro'; +import snackbarCss from 'css:../../../shared/custom-els/snack-bar/styles.css'; +import * as snackbarStyle from '../../../shared/custom-els/snack-bar/styles.css'; interface Props {} @@ -73,6 +75,28 @@ const Index: FunctionalComponent = () => (
+