diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-04-04 23:18:06 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-04 23:18:06 +0100 |
| commit | 93b606e55a7bb10cc77665c68c75b6b13a673c9f (patch) | |
| tree | 75c5b7f6c5f38b3fd70888f8759ed387bb3eeff5 /bskyweb/templates/base.html | |
| parent | 575f390d7b4f295f9b163fb029cd2bd0088c83f9 (diff) | |
| download | voidsky-93b606e55a7bb10cc77665c68c75b6b13a673c9f.tar.zst | |
Use CSS keyframe animation for spinner on web (#3411)
* Use css keyframe animation for spinner on web * duplicate css to index.html
Diffstat (limited to 'bskyweb/templates/base.html')
| -rw-r--r-- | bskyweb/templates/base.html | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index 678729ffb..34e590106 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -220,6 +220,21 @@ .nativeDropdown-item:focus { outline: none; } + + /* Spinner component */ + @keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + .rotate-500ms { + position: absolute; + inset:0; + animation: rotate 500ms linear infinite; + } </style> {% include "scripts.html" %} <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png"> |