add primitive split modal type

This commit is contained in:
marlon-erler
2026-04-10 18:13:18 +00:00
parent e8b41fa79f
commit a487627020
4 changed files with 21 additions and 6 deletions
+8 -1
View File
@@ -893,9 +893,16 @@ body[showing-chat] #chat-page-wrapper {
} }
@media (min-width: 640px) { @media (min-width: 640px) {
.split-modal > div { .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%; width: 50%;
min-width: 50%; min-width: 50%;
flex: 1;
} }
.split-modal .detail-button-wrapper { .split-modal .detail-button-wrapper {
display: none; display: none;
+2 -2
View File
@@ -5611,7 +5611,7 @@
this.connectionModel = connectionModel2; this.connectionModel = connectionModel2;
this.chatListModel = chatListModel2; this.chatListModel = chatListModel2;
this.fileTransferModel = fileTransferModel2; this.fileTransferModel = fileTransferModel2;
this.BUILD = "Build 26.04.09.D"; this.BUILD = "Build 26.04.09.E";
// DRAG & DROP // DRAG & DROP
this.draggedObject = new State(void 0); this.draggedObject = new State(void 0);
// SUGGESTIONS // SUGGESTIONS
@@ -6420,7 +6420,7 @@
// src/View/Components/splitModal.tsx // src/View/Components/splitModal.tsx
function SplitModal(leftView, rightView, 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("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() { function scrollToDetails() {
view.scrollLeft = view.scrollWidth; view.scrollLeft = view.scrollWidth;
} }
+10 -2
View File
@@ -54,10 +54,18 @@
@media (min-width: 640px) { @media (min-width: 640px) {
.split-modal > div { .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%; width: 50%;
min-width: 50%; min-width: 50%;
flex: 1;
} }
.split-modal .detail-button-wrapper { .split-modal .detail-button-wrapper {
+1 -1
View File
@@ -9,7 +9,7 @@ export function SplitModal(
navigationState?: React.State<any>, navigationState?: React.State<any>,
) { ) {
const view = ( const view = (
<div class="split-modal" toggle:extended={extendedStyle}> <div class="split-modal" toggle:extended={extendedStyle} toggle:primitive={navigationState == undefined}>
<div> <div>
<div class="scroll-area" children:set={leftView}></div> <div class="scroll-area" children:set={leftView}></div>
</div> </div>