From b988259b69b906106facefa21b3a707f99d81949 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn?= Date: Sun, 18 Jul 2021 11:03:10 +0200 Subject: [PATCH] adding #16 --- public/components.html | 24 +++++++++++++++--------- public/plain-ui.css | 3 +++ src/scss/components/_tabs.scss | 4 ++++ 3 files changed, 22 insertions(+), 9 deletions(-) diff --git a/public/components.html b/public/components.html index 6a2044c..4c92746 100644 --- a/public/components.html +++ b/public/components.html @@ -66,7 +66,7 @@ -
+
@@ -84,7 +84,7 @@
-
+
@@ -99,7 +99,7 @@
-
+
@@ -220,12 +220,18 @@

Loading

-
-
- - - -
+
+<div class="loading"> + <span></span> + <span></span> + <span></span> +</div> + +
+
+ + +
diff --git a/public/plain-ui.css b/public/plain-ui.css index 4f651bd..e052081 100644 --- a/public/plain-ui.css +++ b/public/plain-ui.css @@ -2454,6 +2454,9 @@ svg.field-choice__checked { .tabs--contrast .tabs__item--selected { border-color: var(--border-contrast); } +.tabs--contrast .tabs__item--selected:hover { + border-color: var(--active); +} /** * diff --git a/src/scss/components/_tabs.scss b/src/scss/components/_tabs.scss index ef979d0..271ab1a 100644 --- a/src/scss/components/_tabs.scss +++ b/src/scss/components/_tabs.scss @@ -66,6 +66,10 @@ .tabs__item--selected { border-color: var(--border-contrast); + + &:hover { + border-color: var(--active); + } } } } \ No newline at end of file