hint second pane in split modals on mobile

dist/index.css

@@ -867,7 +867,7 @@ body[showing-chat] #chat-page-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-width: 100%;
+  min-width: calc(100% - 4rem);
   flex: 0;
   scroll-snap-align: center;
 }

dist/index.js

@@ -5611,7 +5611,7 @@
       this.connectionModel = connectionModel2;
       this.chatListModel = chatListModel2;
       this.fileTransferModel = fileTransferModel2;
-      this.BUILD = "Build 26.04.09.C";
+      this.BUILD = "Build 26.04.09.D";
       // DRAG & DROP
       this.draggedObject = new State(void 0);
       // SUGGESTIONS
@@ -6419,21 +6419,8 @@
   };
 
   // src/View/Components/splitModal.tsx
-  function SplitModal(leftView, rightView, scrollButtonLabel, extendedStyle = false, navigationState) {
+  function SplitModal(leftView, rightView, extendedStyle = false, navigationState) {
-    const view = /* @__PURE__ */ createElement("div", { class: "split-modal", "toggle:extended": extendedStyle }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": leftView }), /* @__PURE__ */ createElement(
+    const view = /* @__PURE__ */ createElement("div", { class: "split-modal", "toggle:extended": extendedStyle }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": leftView })), /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": rightView }));
-      "div",
-      {
-        class: "detail-button-wrapper",
-        "toggle:hidden": navigationState != void 0
-      },
-      /* @__PURE__ */ createElement("button", { class: "ghost", "on:click": scrollToDetails }, /* @__PURE__ */ createElement(
-        "span",
-        {
-          class: "ellipsis",
-          "subscribe:innerText": scrollButtonLabel
-        }
-      ), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))
-    )), /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": rightView }));
     function scrollToDetails() {
       view.scrollLeft = view.scrollWidth;
     }
@@ -6524,7 +6511,6 @@
     return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": storageViewModel2.isShowingStorageModal }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", { class: "padding-0" }, SplitModal(
       new State(DirectoryItemList(storageViewModel2)),
       detailView,
-      storageViewModel2.selectedFileName,
       true
     )), /* @__PURE__ */ createElement("button", { "on:click": storageViewModel2.hideStorageModal }, coreViewModel2.translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
   }
@@ -6841,7 +6827,6 @@
           SettingsLeftPane(coreViewModel2, settingsViewModel2)
         ),
         detailView,
-        new State(""),
         true,
         settingsViewModel2.selectedModalPage
       )), /* @__PURE__ */ createElement("button", { "on:click": settingsViewModel2.hideSettingsModal }, coreViewModel2.translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close")))

src/View/Components/splitModal.css

@@ -19,7 +19,7 @@
     flex-direction: column;
 
     width: 100%;
-    min-width: 100%;
+    min-width: calc(100% - 4rem);
     flex: 0;
 
     scroll-snap-align: center;

src/View/Components/splitModal.tsx

@@ -5,7 +5,6 @@ import * as React from "bloatless-react";
 export function SplitModal(
     leftView: React.State<Element>,
     rightView: React.State<Element>,
-    scrollButtonLabel: React.State<string>,
     extendedStyle: boolean = false,
     navigationState?: React.State<any>,
 ) {
@@ -13,18 +12,6 @@ export function SplitModal(
         <div class="split-modal" toggle:extended={extendedStyle}>
             <div>
                 <div class="scroll-area" children:set={leftView}></div>
-                <div
-                    class="detail-button-wrapper"
-                    toggle:hidden={navigationState != undefined}
-                >
-                    <button class="ghost" on:click={scrollToDetails}>
-                        <span
-                            class="ellipsis"
-                            subscribe:innerText={scrollButtonLabel}
-                        ></span>
-                        <span class="icon">arrow_forward</span>
-                    </button>
-                </div>
             </div>
             <div class="scroll-area" children:set={rightView}></div>
         </div>

src/View/Modals/settingsModal.tsx

@@ -48,7 +48,6 @@ export function SettingsModal(
                             SettingsLeftPane(coreViewModel, settingsViewModel),
                         ),
                         detailView,
-                        new React.State(""),
                         true,
                         settingsViewModel.selectedModalPage,
                     )}

src/View/Modals/storageModal.tsx

@@ -74,7 +74,6 @@ export function StorageModal(
                     {SplitModal(
                         new React.State(DirectoryItemList(storageViewModel)),
                         detailView,
-                        storageViewModel.selectedFileName,
                         true,
                     )}
                 </main>

src/ViewModel/Global/coreViewModel.ts

@@ -7,7 +7,7 @@ import ChatListModel from "../../Model/Chat/chatListModel";
 import FileTransferModel from "../../Model/Global/fileTransferModel";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.04.09.D";
+    readonly BUILD = "Build 26.04.09.E";
 
     translations: Translations;