diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2023-03-01 22:59:41 -0400 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2023-03-01 22:59:41 -0400 |
| commit | 8b9e855c57c8879934f9ccc8fa17f73966465a17 (patch) | |
| tree | 9b72d98c500fecca903483722a9d8fe242757da2 /src/static/site3.css | |
| parent | 0f7e9e5dfb429b14b816370dc1472ee4c2ae82eb (diff) | |
image overlay download progress bar
Diffstat (limited to 'src/static/site3.css')
| -rw-r--r-- | src/static/site3.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/static/site3.css b/src/static/site3.css index 484c9f9..bdb2623 100644 --- a/src/static/site3.css +++ b/src/static/site3.css @@ -1400,6 +1400,34 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r transition: opacity 0.25s; } +#image-overlay-image-container::after { + content: ""; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 4px; + width: var(--download-progress); + background: var(--primary-color); + box-shadow: 0 -3px 12px 4px var(--primary-color); + transition: 0.25s; +} + +#image-overlay-container.loaded #image-overlay-image-container::after { + width: 100%; + background: white; + opacity: 0; +} + +#image-overlay-container.errored #image-overlay-image-container::after { + width: 100%; + background: red; +} + +#image-overlay-container:not(.visible) #image-overlay-image-container::after { + width: 0 !important; +} + #image-overlay-action-container { padding: 4px 4px 6px 4px; border-radius: 0 0 5px 5px; |