From ff6986648398ccb4b3e1cfd19af23db218c2655c Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Wed, 3 Jun 2020 16:26:22 +0200
Subject: [PATCH] Let the login button shrink to 0
---
packages/app-shell/src/app-shell.js | 13 +++++++++----
packages/app-shell/vendor/auth | 2 +-
2 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js
index 13ed2c25..939101d6 100644
--- a/packages/app-shell/src/app-shell.js
+++ b/packages/app-shell/src/app-shell.js
@@ -450,9 +450,14 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
header .hd1-right {
grid-area: hd1-right;
display: flex;
- flex-direction: column;
- justify-content: center;
- padding-left: 20px;
+ justify-content: flex-start;
+ padding: 0 20px;
+ min-width: 0;
+ align-items: center;
+ }
+
+ header .hd1-right .auth-button {
+ min-width: 0;
}
header .hd2-left {
@@ -713,7 +718,7 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
<div class="hd1-middle">
</div>
<div class="hd1-right">
- <vpu-auth lang="${this.lang}" keycloak-config="${JSON.stringify(this.keycloakConfig)}" load-person try-login></vpu-auth>
+ <vpu-auth class="auth-button" lang="${this.lang}" keycloak-config="${JSON.stringify(this.keycloakConfig)}" load-person try-login></vpu-auth>
</div>
<div class="hd2-left">
<div class="header">
diff --git a/packages/app-shell/vendor/auth b/packages/app-shell/vendor/auth
index c43e6492..f3aa17bc 160000
--- a/packages/app-shell/vendor/auth
+++ b/packages/app-shell/vendor/auth
@@ -1 +1 @@
-Subproject commit c43e6492d972c7e52adc74ba4274aba8b2917a1c
+Subproject commit f3aa17bcca0c04055ad2835ed620146a741a107d
--
GitLab