fix styling

5 months ago · 37a021a701
parent b9b0a9260d
commit 37a021a701
3 changed files with 11 additions and 1 deletions
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@ -1103,6 +1103,11 @@ ul {
    background-color: var(--color-background-button-cancel);
    color: #777;
  }
+  &.error {
+    background-color: var(--color-background-button-error);
+    color: #fff;
+    opacity: 0.7;
+  }
  @extend .inline-tag;
 }

--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@ -1184,6 +1184,11 @@ ul {
  background-color: var(--color-background-button-cancel);
  color: #777; }

+.restock-label.error {
+  background-color: var(--color-background-button-error);
+  color: #fff;
+  opacity: 0.7; }
+
 #chrome-extension-link {
  padding: 9px;
  border: 1px solid var(--color-grey-800);
--- a/changedetectionio/templates/watch-overview.html
+++ b/changedetectionio/templates/watch-overview.html
@ -171,7 +171,7 @@
                                </span>
                            {% endif %}
                        {% elif not watch.has_restock_info %}
-                            <span class="restock-label">No information</span>
+                            <span class="restock-label error">No information</span>
                        {% endif %}