From c0dfb38a6957af8bb0040d7e68db7037754a08ee Mon Sep 17 00:00:00 2001
From: Julian Rother <julian@cccv.de>
Date: Tue, 13 Aug 2024 00:51:16 +0200
Subject: [PATCH] Fix spinner style in dark mode
---
uffd/static/{style.css => style-1.css} | 18 ++++++++++++++++++
uffd/templates/base.html | 2 +-
2 files changed, 19 insertions(+), 1 deletion(-)
rename uffd/static/{style.css => style-1.css} (56%)
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 47fa44c..1a252a6 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 e067a99..2bf30e5 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>
--
GitLab