rollback mesh modals

This commit is contained in:
Simon Vieille 2022-10-01 10:53:04 +02:00
parent fe197bd7b4
commit 29fe39f160
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 19 additions and 4 deletions

View file

@ -5,6 +5,7 @@
@import "app/config"; @import "app/config";
@import 'app/prism'; @import 'app/prism';
@import "app/typo"; @import "app/typo";
@import "~tingle.js/src/tingle.css";
@font-face { @font-face {
font-family: "MainFont"; font-family: "MainFont";
@ -125,6 +126,20 @@ pre[class*="language-"] {
// } // }
// //
.tingle-modal-box--mesh {
.tingle-modal-box__content {
padding: 0;
line-height: 0;
iframe {
margin: 0;
padding: 0;
height: 90vh;
width: 100%;
}
}
}
.captcha_image { .captcha_image {
margin-bottom: 5px; margin-bottom: 5px;
} }
@ -991,7 +1006,7 @@ $links: (
// } // }
// } // }
// //
// .row > .col-4:nth-child(1) .card { // .row > .col-4:nth-child(1) .{card {
// margin-left: 0; // margin-left: 0;
// } // }
// //

View file

@ -27,7 +27,7 @@
<label tabindex="0" class="btn">{{ item.name }}</label> <label tabindex="0" class="btn">{{ item.name }}</label>
<ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52"> <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52">
<li> <li>
<label for="mesh-{{ mesh.id }}-{{ key }}">Voir en 3D</a> <a class="mesh-viewer" data-modal href="{{ path('mesh_viewer', {stlMesh: mesh.id, key: key + 1}) }}">Voir en 3D</a>
</li> </li>
<li> <li>
<a target="_blank" href="{{ path('mesh_download', {stlMesh: mesh.id, key: key + 1}) }}">Télécharger</a> <a target="_blank" href="{{ path('mesh_download', {stlMesh: mesh.id, key: key + 1}) }}">Télécharger</a>
@ -40,7 +40,7 @@
</div> </div>
</div> </div>
{% for key, item in mesh.files %} {# for key, item in mesh.files %}
<input type="checkbox" id="mesh-{{ mesh.id }}-{{ key }}" class="modal-toggle" /> <input type="checkbox" id="mesh-{{ mesh.id }}-{{ key }}" class="modal-toggle" />
<div class="modal modal-mesh"> <div class="modal modal-mesh">
<div class="modal-box max-w-full w-full m-10"> <div class="modal-box max-w-full w-full m-10">
@ -50,7 +50,7 @@
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor #}
{% endfor %} {% endfor %}
</div> </div>