From e7a2468490fda16135531eafd8d4a58e0b89b1a0 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Thu, 9 Dec 2021 09:10:31 +0100
Subject: [PATCH] Change special hover to common hover style
---
packages/app-shell/src/auth-menu-button.js | 7 ++++---
packages/app-shell/src/dbp-app-shell-welcome.js | 15 ++++++++++++++-
packages/common/styles.js | 2 +-
3 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/packages/app-shell/src/auth-menu-button.js b/packages/app-shell/src/auth-menu-button.js
index f24d7d19..b03a909a 100644
--- a/packages/app-shell/src/auth-menu-button.js
+++ b/packages/app-shell/src/auth-menu-button.js
@@ -119,8 +119,8 @@ export class AuthMenuButton extends ScopedElementsMixin(AdapterLitElement) {
.dropdown-content {
background-color: var(--dbp-base-light);
color: var(--dbp-text-dark);
- padding-bottom: 0.5rem;
- padding-top: 0.5rem;
+ /*padding-bottom: 0.5rem;*/
+ /*padding-top: 0.5rem;*/
}
.menu a {
@@ -132,7 +132,8 @@ export class AuthMenuButton extends ScopedElementsMixin(AdapterLitElement) {
}
.menu a:hover {
- color: var(--dbp-accent-dark);
+ color: var(--dbp-hover-text);
+ background-color: var(--dbp-hover-base);
}
.menu a.selected { color: var(--dbp-text-light); background-color: var(--dbp-secondary-dark); }
diff --git a/packages/app-shell/src/dbp-app-shell-welcome.js b/packages/app-shell/src/dbp-app-shell-welcome.js
index 740efe0d..54d8da76 100644
--- a/packages/app-shell/src/dbp-app-shell-welcome.js
+++ b/packages/app-shell/src/dbp-app-shell-welcome.js
@@ -50,7 +50,8 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
}
h2 a:hover {
- color: var(--dbp-accent-dark);
+ color: var(--dbp-hover-text);
+ background-color: var(--dbp-hover-base);
}
h2 a {
@@ -69,6 +70,18 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
animation: 0.15s linkIconOut;
font-size: 100%;
}
+
+ h2 a:hover::after {
+ content: "\\00a0\\00a0\\00a0";
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%228.6836mm%22%20width%3D%225.2043mm%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%220%200%2018.440707%2030.768605%22%3E%3Cg%20transform%3D%22translate(-382.21%20-336.98)%22%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2%3Bfill%3Anone%22%20d%3D%22m383.22%20366.74%2016.43-14.38-16.43-14.37%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+ background-size: 60%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ margin: 0 0 0 6px;
+ padding: 0 0 -0.75% 0;
+ animation: 0s linkIconIn;
+ font-size: 100%;
+ }
`;
}
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 98a8ebff..e0946f35 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -448,7 +448,7 @@ export function getButtonCSS() {
button.button:hover:enabled, .button:hover:enabled, button.dt-button:hover:enabled, button.dt-button:hover:not(.disabled) {
color: var(--dbp-hover-text);
background: none;
- border-color: var(--dbp-hover-base);
+ border: var(--dbp-border-dark);
background-color: var(--dbp-hover-base);
}
--
GitLab