diff --git a/packages/app-shell/src/auth-menu-button.js b/packages/app-shell/src/auth-menu-button.js index f24d7d198bb678a286533ce14c1412c3c94b369f..b03a909ae0fe7fe814101ef9c7b7847d914214fa 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 740efe0d586ecef0cfcca57a4e171f90a751f00f..54d8da7688dd7e7868ea1613a31276206f2c068f 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 98a8ebff1bf36a243a1d213108316e31436def59..e0946f350173b8955aa32b145906cf41fb7c307b 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); }