From 4b6be2afbf9290299197d81e2f34d7c17f72bde2 Mon Sep 17 00:00:00 2001
From: Christina Toegl <toegl@tugraz.at>
Date: Wed, 25 Nov 2020 13:25:30 +0100
Subject: [PATCH] Add css for dropdown menu
---
packages/app-shell/src/app-shell.js | 9 ++++++---
1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js
index 8849a621..30fa1c45 100644
--- a/packages/app-shell/src/app-shell.js
+++ b/packages/app-shell/src/app-shell.js
@@ -631,6 +631,12 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
aside .menu {
border-bottom: black 1px solid;
border-top-width: 0;
+ width: 100%;
+ position: absolute;
+ background-color: white;
+ z-index: 10;
+ overflow-y: scroll;
+ white-space: nowrap;
}
.menu li {
@@ -651,8 +657,6 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
ul.menu.hidden {
display: none;
}
-
-
}
`;
}
@@ -780,7 +784,6 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
<div id="headline">
<h1 class="title">${this.topicMetaDataText('name')}</h1>
</div>
-
<aside>
<h2 class="subtitle" @click="${this.toggleMenu}">
${this.subtitle}
--
GitLab