diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index 8849a621be071512cf1e3f6c4fc1a3710aa74ec5..30fa1c45641b9320b5887a50444c0a5d3a3e6785 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}