add primitive split modal type
This commit is contained in:
Vendored
+8
-1
@@ -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;
|
||||||
|
|||||||
Vendored
+2
-2
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user