From 1781ab59ba957edab14c2e61000f2de26ad1c7e1 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sun, 8 Aug 2021 15:17:06 +0200
Subject: [PATCH] web/admin: fix requests on API Drawer vanishing when the
 drawer is closed

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/interfaces/AdminInterface.ts | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/src/interfaces/AdminInterface.ts b/web/src/interfaces/AdminInterface.ts
index c78e9afc5..76ad930c3 100644
--- a/web/src/interfaces/AdminInterface.ts
+++ b/web/src/interfaces/AdminInterface.ts
@@ -60,6 +60,9 @@ export class AdminInterface extends LitElement {
                 .pf-c-page__drawer {
                     z-index: auto !important;
                 }
+                .display-none {
+                    display: none;
+                }
             `,
         ];
     }
@@ -111,16 +114,16 @@ export class AdminInterface extends LitElement {
                                 </main>
                             </div>
                         </div>
-                        ${this.notificationOpen
-                            ? html`<ak-notification-drawer
-                                  class="pf-c-drawer__panel pf-m-width-33"
-                              ></ak-notification-drawer>`
-                            : html``}
-                        ${this.apiDrawerOpen
-                            ? html`<ak-api-drawer
-                                  class="pf-c-drawer__panel pf-m-width-33"
-                              ></ak-api-drawer>`
-                            : html``}
+                        <ak-notification-drawer
+                            class="pf-c-drawer__panel pf-m-width-33 ${this.notificationOpen
+                                ? "display-none"
+                                : ""}"
+                        ></ak-notification-drawer>
+                        <ak-api-drawer
+                            class="pf-c-drawer__panel pf-m-width-33 ${this.apiDrawerOpen
+                                ? "display-none"
+                                : ""}"
+                        ></ak-api-drawer>
                     </div>
                 </div>
             </div>