From 1058af118ab03f57f558fcc4f30466652dcfc8fd Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Sun, 20 Sep 2020 11:16:39 +0200
Subject: [PATCH] rework navbar to be scrollable

---
 build/scss/pages/_iframe.scss | 8 ++++++++
 iframe.html                   | 7 ++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/build/scss/pages/_iframe.scss b/build/scss/pages/_iframe.scss
index 8cd23917b..bfa2e35eb 100644
--- a/build/scss/pages/_iframe.scss
+++ b/build/scss/pages/_iframe.scss
@@ -17,6 +17,14 @@ body.iframe-mode {
   height: 100%;
 
   &.iframe-mode {
+    .navbar-nav {
+      overflow-y: auto;
+      width: 100%;
+
+      .nav-link {
+        white-space: nowrap;
+      }
+    }
     .tab-content {
       position: relative;
     }
diff --git a/iframe.html b/iframe.html
index 364adadfa..f6ee32a08 100644
--- a/iframe.html
+++ b/iframe.html
@@ -743,11 +743,8 @@
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper iframe-mode" data-widget="iframe" data-loading-screen="750">
     <div class="nav navbar navbar-expand-lg navbar-white navbar-light border-bottom p-0">
-      <ul class="navbar-nav" role="tablist">
-        <li class="nav-item" role="presentation">
-          <a class="nav-link bg-danger" href="#" class="iframe-close">Close</a>
-        </li>
-      </ul>
+      <a class="nav-link bg-danger" href="#" data-widget="iframe-close">Close</a>
+      <ul class="navbar-nav" role="tablist"></ul>
     </div>
     <div class="tab-content">
       <div class="tab-empty">