fix ObjectGridView height

This commit is contained in:
marlon-erler
2024-07-12 01:42:39 +02:00
parent db02638e82
commit b0c69a720a
4 changed files with 10 additions and 6 deletions
+3 -3
View File
@@ -1416,7 +1416,7 @@
return /* @__PURE__ */ createElement( return /* @__PURE__ */ createElement(
"button", "button",
{ {
class: "tile justify-start", class: "tile flex-no",
"on:click": select, "on:click": select,
draggable: "true", draggable: "true",
"on:dragstart": dragStart "on:dragstart": dragStart
@@ -1443,8 +1443,8 @@
return messageObjects.value.size == 0 ? PlaceholderView() : /* @__PURE__ */ createElement( return messageObjects.value.size == 0 ? PlaceholderView() : /* @__PURE__ */ createElement(
"div", "div",
{ {
class: "width-100 height-100 grid gap padding scroll-v", class: "width-100 max-height-100 grid gap padding scroll-v",
style: "grid-template-columns: repeat(auto-fill, minmax(170px, 1fr))", style: "grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));",
"children:prepend": [messageObjects, objectConverter] "children:prepend": [messageObjects, objectConverter]
} }
); );
+4
View File
@@ -761,6 +761,10 @@ header button {
height: calc(var(--header-height) - var(--gap-between-tiles) * 2); height: calc(var(--header-height) - var(--gap-between-tiles) * 2);
} }
.max-height-100 {
max-height: 100% !important;
}
.ellipsis { .ellipsis {
max-width: 100%; max-width: 100%;
} }
+1 -1
View File
@@ -54,7 +54,7 @@ export function ObjectEntryView(
return ( return (
<button <button
class="tile justify-start" class="tile flex-no"
on:click={select} on:click={select}
draggable="true" draggable="true"
on:dragstart={dragStart} on:dragstart={dragStart}
+2 -2
View File
@@ -28,8 +28,8 @@ export function ObjectGridView(
PlaceholderView() PlaceholderView()
) : ( ) : (
<div <div
class="width-100 height-100 grid gap padding scroll-v" class="width-100 max-height-100 grid gap padding scroll-v"
style="grid-template-columns: repeat(auto-fill, minmax(170px, 1fr))" style="grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));"
children:prepend={[messageObjects, objectConverter]} children:prepend={[messageObjects, objectConverter]}
></div> ></div>
); );