From ba9f195cafa0e2e3d855d6b700a60fb11b2247b5 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Mon, 21 Mar 2022 10:04:47 +0100
Subject: [PATCH] Fix 320px welcome page chevron bug
---
packages/app-shell/src/dbp-app-shell-welcome.js | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/packages/app-shell/src/dbp-app-shell-welcome.js b/packages/app-shell/src/dbp-app-shell-welcome.js
index 93d65493..06a70f94 100644
--- a/packages/app-shell/src/dbp-app-shell-welcome.js
+++ b/packages/app-shell/src/dbp-app-shell-welcome.js
@@ -61,6 +61,14 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
cursor: pointer;
text-decoration: none;
}
+
+ h2 a {
+ white-space: nowrap;
+ }
+ h2 a > span {
+ white-space: normal;
+ padding-right: 8px;
+ }
h2 a::after {
content: '\\00a0\\00a0';
@@ -71,7 +79,7 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
- margin: 0 2px 0 8px;
+ margin: 0 2px 0 0px;
padding: 0 0 0.25% 0;
-webkit-mask-size: 100%;
mask-size: 100%;
@@ -122,7 +130,7 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
@click=${(e) => {
switchActivity(e, data);
}}>
- ${data.name[this.lang]}
+ <span>${data.name[this.lang]}</span>
</a>
</h2>
<p class="description">${data.description[this.lang]}</p>
--
GitLab