From a1cf260072e10abea85a5e569c8c883655119dc5 Mon Sep 17 00:00:00 2001 From: Yaro Kasear Date: Wed, 31 Dec 2025 13:56:06 -0600 Subject: [PATCH] More sizing improvements. --- inventory/static/css/components/draw.css | 23 +++++++++++++---------- inventory/templates/testing.html | 14 +++++++------- 2 files changed, 20 insertions(+), 17 deletions(-) diff --git a/inventory/static/css/components/draw.css b/inventory/static/css/components/draw.css index 12cfe38..470078e 100644 --- a/inventory/static/css/components/draw.css +++ b/inventory/static/css/components/draw.css @@ -5,6 +5,19 @@ .grid-widget { container-type: inline-size; min-width: 375px; + height: 100%; + display: flex; + flex-direction: column; +} + +.grid-widget .grid-wrap { + flex: 1 1 auto; + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + min-height: 375px; + z-index: 0; } .grid-widget [data-toolbar].toolbar { @@ -54,16 +67,6 @@ } } -.grid-widget .grid-wrap { - flex: 1 1 auto; - width: 100%; - height: clamp(240px, 50vh, 700px); - position: relative; - overflow: hidden; - min-height: 0; - z-index: 0; -} - .grid-widget [data-grid] { position: relative; cursor: crosshair; diff --git a/inventory/templates/testing.html b/inventory/templates/testing.html index a9e5a54..2f41707 100644 --- a/inventory/templates/testing.html +++ b/inventory/templates/testing.html @@ -7,14 +7,14 @@ {% endblock %} {% block main %} -
-
- {{ draw.drawWidget('test1') }} -
-
- {{ draw.drawWidget('test2') }} -
+
+
+ {{ draw.drawWidget('test1') }}
+
+ {{ draw.drawWidget('test2') }} +
+
{% endblock %} {% block scriptincludes %}