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

improve taskPage layout

Browse Source
This commit is contained in:
marlon-erler
2024-07-23 01:48:27 +02:00
parent 6d4f54aaa0
commit 5483c46ca1
4 changed files with 54 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+19 -6
View File
@@ -286,14 +286,15 @@ body[showing-chat] #chat-page-wrapper {
#chat-page > div > #ribbon > span {
height: 100%;
flex: 1;
overflow: auto;
overflow-y: auto;
justify-content: flex-end;
}
#chat-page > div > #main > div > .pane > .toolbar {
height: var(--ribbon-size);
border-bottom: 1px solid var(--border);
overflow-y: hidden;
overflow-x: auto;
padding-left: var(--content-padding);
padding: var(--gap-between-tiles);
border-top: 1px solid var(--border);
}
#chat-page > div > #ribbon,
@@ -301,14 +302,23 @@ body[showing-chat] #chat-page-wrapper {
align-items: center;
}
#chat-page #ribbon > span,
#chat-page > div > #main > div > .pane > .toolbar > span {
#chat-page > div > #main > div > .pane > .toolbar {
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
justify-content: start;
padding: var(--gap-between-tiles);
gap: var(--gap-between-tiles);
}
#chat-page > div > #ribbon > span {
width: 100%;
#chat-page > div > #main > div > .pane > .toolbar > span {
padding-left: var(--content-padding);
}
#chat-page > div > #main > div > .pane > .toolbar :is(input, select, button) {
height: 100%;
flex: 1;
}
#chat-page #ribbon > span {
flex-direction: column;
}
#chat-page > div > #ribbon button,
#chat-page > div > #main > div > .pane > .toolbar button {
@@ -320,6 +330,9 @@ body[showing-chat] #chat-page-wrapper {
align-items: center;
justify-content: center;
}
#chat-page > div > #ribbon > span {
width: 100%;
}
#chat-page > div > #ribbon > button {
margin-top: var(--gap-between-tiles);
}
dist/index.js
Vendored
+6 -3
View File
@@ -1964,7 +1964,7 @@
// src/View/ChatPages/taskPage.tsx
function TaskPage(taskPageViewModel) {
taskPageViewModel.loadData();
return /* @__PURE__ */ createElement("div", { id: "task-page" }, /* @__PURE__ */ createElement("div", { class: "pane side" }, /* @__PURE__ */ createElement("div", { class: "content" }, /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
return /* @__PURE__ */ createElement("div", { id: "task-page" }, /* @__PURE__ */ createElement("div", { class: "pane side" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
"input",
{
"bind:value": taskPageViewModel.newBoardNameInput,
@@ -1980,12 +1980,15 @@
"toggle:disabled": taskPageViewModel.cannotCreateBoard
},
/* @__PURE__ */ createElement("span", { class: "icon" }, "add")
)), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement(
))), /* @__PURE__ */ createElement("div", { class: "content" }, /* @__PURE__ */ createElement(
"div",
{
class: "grid gap",
style: "grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr))",
"children:append": [taskPageViewModel.boardViewModels, BoardInfoToEntry]
"children:append": [
taskPageViewModel.boardViewModels,
BoardInfoToEntry
]
}
))), /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }), /* @__PURE__ */ createElement("div", { class: "content" })));
}