CLERC/Reskreen
6
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Test refont grahpique véhicules

Browse Source
This commit is contained in:
Ambulance Clerc
2022-11-10 16:59:57 +01:00
parent 90be7fd639
commit 85c25e6b90
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
vehicles/static/vehicles/style.css
View File

@@ -42,19 +42,24 @@
height: 500px; height: 500px;
background-repeat: no-repeat, repeat; background-repeat: no-repeat, repeat;
background-size: contain; background-size: contain;
border: solid 1px green;
} }
.container{
border: solid 1px red;
width: 100%;
overflow: auto;
}
.element{
border: solid 1px blue;
display: flex;
justify-content: space-between;
}
.child_box{ .child_box{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
gap: 0px;
align-items: stretch;
} }
.child_box div{ .child_box div{
} }
body{ body{

17
vehicles/templates/vhc/vhc.html
View File

@@ -19,27 +19,26 @@
</div> </div>
<div class="child_box" style="height: 70%;"> <div class="child_box" style="height: 70%;">
<div style="width: 48%;height: var(--main-child-container-height);"> <div class="container" style="height: var(--main-child-container-height);">
<b>Infos techniques</b> <b>Infos techniques</b>
{% for info in vhc.get_all_infos_tech %} {% for info in vhc.get_all_infos_tech %}
<div style="margin-top: 15px"> <div class="element" style="margin-top: 15px">
{{info.sDesc}} <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
<br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span> <span style="font-style: italic;text-transform:uppercase;align-self: flex-end;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div style="width: 48%;height: var(--main-child-container-height);"> <div class="container" style="height: var(--main-child-container-height);">
<b>Matériels manquants</b> <b>Matériels manquants</b>
{% for info in vhc.get_all_infos_mat %} {% for info in vhc.get_all_infos_mat %}
<div style="margin-top: 15px; color: red"> <div class="element" style="margin-top: 15px; color: red">
{{info.sDesc}} <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
<br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span> <br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div style="width: 350px;height: var(--main-child-container-height); "> <div style="width: 350px;height: var(--main-child-container-height);display: none; ">
<b>Péremptions</b> <b>Péremptions</b>
<div class="child_box"> <div class="child_box">