VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add primitive split modal type

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+8 -1
View File
@@ -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;
dist/index.js
Vendored
+2 -2
View File
@@ -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;
}
src/View/Components/splitModal.css
+10 -2
View File
@@ -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 {
src/View/Components/splitModal.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ export function SplitModal(
navigationState?: React.State<any>,
) {
const view = (
<div class="split-modal" toggle:extended={extendedStyle}>
<div class="split-modal" toggle:extended={extendedStyle} toggle:primitive={navigationState == undefined}>
<div>
<div class="scroll-area" children:set={leftView}></div>
</div>