diff --git a/dist/index.css b/dist/index.css index 2bc5ec8e..a2171347 100644 --- a/dist/index.css +++ b/dist/index.css @@ -893,9 +893,16 @@ body[showing-chat] #chat-page-wrapper { } @media (min-width: 640px) { .split-modal > div { + flex: 1; + min-width: unset; + } + .split-modal:not([primitive]) > div:first-child { + flex: 0; + min-width: 20rem; + } + .split-modal[primitive] > div { width: 50%; min-width: 50%; - flex: 1; } .split-modal .detail-button-wrapper { display: none; diff --git a/dist/index.js b/dist/index.js index d107dfa7..c3e27c0e 100644 --- a/dist/index.js +++ b/dist/index.js @@ -5611,7 +5611,7 @@ this.connectionModel = connectionModel2; this.chatListModel = chatListModel2; this.fileTransferModel = fileTransferModel2; - this.BUILD = "Build 26.04.09.D"; + this.BUILD = "Build 26.04.09.E"; // DRAG & DROP this.draggedObject = new State(void 0); // SUGGESTIONS @@ -6420,7 +6420,7 @@ // src/View/Components/splitModal.tsx 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("div", { class: "scroll-area", "children:set": rightView })); + const view = /* @__PURE__ */ createElement("div", { class: "split-modal", "toggle:extended": extendedStyle, "toggle:primitive": navigationState == void 0 }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": leftView })), /* @__PURE__ */ createElement("div", { class: "scroll-area", "children:set": rightView })); function scrollToDetails() { view.scrollLeft = view.scrollWidth; } diff --git a/src/View/Components/splitModal.css b/src/View/Components/splitModal.css index 5ab58792..96b74dbc 100644 --- a/src/View/Components/splitModal.css +++ b/src/View/Components/splitModal.css @@ -54,10 +54,18 @@ @media (min-width: 640px) { .split-modal > div { + flex: 1; + min-width: unset; + } + + .split-modal:not([primitive]) > div:first-child { + flex: 0; + min-width: 20rem; + } + + .split-modal[primitive] > div { width: 50%; min-width: 50%; - - flex: 1; } .split-modal .detail-button-wrapper { diff --git a/src/View/Components/splitModal.tsx b/src/View/Components/splitModal.tsx index d4bcb066..1b2977d9 100644 --- a/src/View/Components/splitModal.tsx +++ b/src/View/Components/splitModal.tsx @@ -9,7 +9,7 @@ export function SplitModal( navigationState?: React.State, ) { const view = ( -
+