yaro/inventory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More sizing improvements.

Browse source
This commit is contained in:
Yaro Kasear 2025-12-31 13:56:06 -06:00
parent 86d24ccb43
commit a1cf260072
2 changed files with 20 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

23
inventory/static/css/components/draw.css
View file

@ -5,6 +5,19 @@
.grid-widget { .grid-widget {
container-type: inline-size; container-type: inline-size;
min-width: 375px; 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 { .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] { .grid-widget [data-grid] {
position: relative; position: relative;
cursor: crosshair; cursor: crosshair;

14
inventory/templates/testing.html
View file

@ -7,14 +7,14 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="row"> <div class="row">
<div class="col" style="min-height: 80vh;"> <div class="col">
{{ draw.drawWidget('test1') }} {{ draw.drawWidget('test1') }}
</div>
<div class="col">
{{ draw.drawWidget('test2') }}
</div>
</div> </div>
<div class="col">
{{ draw.drawWidget('test2') }}
</div>
</div>
{% endblock %} {% endblock %}
{% block scriptincludes %} {% block scriptincludes %}