diff --git a/uffd/static/style.css b/uffd/static/style-1.css similarity index 56% rename from uffd/static/style.css rename to uffd/static/style-1.css index 47fa44c845e0e90fcad8eacf13dc4ca2d34fd0de..1a252a6c9ea62f11618d33b45ebd4fb6141e75b0 100644 --- a/uffd/static/style.css +++ b/uffd/static/style-1.css @@ -44,4 +44,22 @@ .btn-link:disabled { color: #3395ff; } + + /* Dark theme breaks spinners (appears as full ring without animation) */ + .spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: spinner-border .75s linear infinite; + animation: spinner-border .75s linear infinite; + } + .spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; + } } diff --git a/uffd/templates/base.html b/uffd/templates/base.html index e067a994ff85d5abd5f2cff68aa8e18fd60464eb..2bf30e57476d4908dfcf5e6ee699f95abec804f9 100644 --- a/uffd/templates/base.html +++ b/uffd/templates/base.html @@ -9,7 +9,7 @@ <link href="{{ url_for('static', filename="bootstrap/bootstrap.min.css") }}" rel="stylesheet"> <link href="{{ url_for('static', filename="bootstrap/bootstrap-prefers-dark-color-only.min.css") }}" rel="stylesheet"> <link href="{{ url_for('static', filename="fa/css/all.css") }}" rel="stylesheet"> - <link href="{{ url_for('static', filename="style.css") }}" rel="stylesheet"> + <link href="{{ url_for('static', filename="style-1.css") }}" rel="stylesheet"> <script src="{{ url_for('static', filename="jquery/jquery-3.4.1.min.js") }}"></script> <script src="{{ url_for('static', filename="popper/popper-1.16.0.min.js") }}"></script> <script src="{{ url_for('static', filename="bootstrap/bootstrap.min.js") }}"></script>