From b7fb64e5bd982142458f59d49bcda4c98c315c71 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Sun, 19 Feb 2023 15:10:20 +0100 Subject: [PATCH] Add pause indicator --- index.html | 36 +++++++++++++++++++++++++++++++++--- 1 file changed, 33 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index acbc611..fd0cb44 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,14 @@ --background: #fff; --border-light: #999; --border-dark: #000; + --overlay-background: #ffffff47; } .dark { --foreground: #fff; --background: #000; --border-dark: #999; --border-light: #fff; + --overlay-background: #00000066; } body { overflow-x: hidden; @@ -97,6 +99,21 @@ .hidden { display: none; } + #pauseIndicator { + position: absolute; + left: 0; + top: 0; + z-index: 1; + font-size: xx-large; + font-size: xxx-large; + background-color: var(--overlay-background); + height: 1.5em; + width: 1.5em; + text-align: center; + vertical-align: baseline; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + } +

Zeige Album: