UI: Web Assets v2 upgrade #85

Merged
Márton Lente merged 52 commits from martonlente/extensions-website:ui/web-assets-v2-upgrade into main 2024-04-30 17:57:33 +02:00
2 changed files with 29 additions and 31 deletions
Showing only changes of commit 69c7c7d655 - Show all commits

View File

@ -328,7 +328,7 @@
border-radius: var(--border-radius-lg) border-radius: var(--border-radius-lg)
border: var(--border-width) solid var(--border-color) border: var(--border-width) solid var(--border-color)
display: flex display: flex
+padding(1, y) +padding(2, y)
.previews-list-item-thumbnail .previews-list-item-thumbnail
margin: 0 margin: 0

View File

@ -1,40 +1,38 @@
{% load common %} {% load common %}
{# Upload new preview images #} {# Upload new preview images #}
{% load i18n %} {% load i18n %}
<div class="previews-upload"> <div id="add-img-container" class="previews-list">
<div id="add-img-container" class="previews-list"> {{ add_preview_formset.management_form }}
{{ add_preview_formset.management_form }} {{ add_preview_formset.non_form_errors }}
{{ add_preview_formset.non_form_errors }} {% for newform in add_preview_formset %}
{% for newform in add_preview_formset %} {% with inlineform=newform|add_form_classes %}
{% with inlineform=newform|add_form_classes %} <div class="ext-edit-field-row js-ext-edit-field-row">
<div class="ext-edit-field-row js-ext-edit-field-row"> <div class="previews-list-item">
<div class="previews-list-item"> <div class="align-items-center d-flex previews-list-item-thumbnail ps-3">
<div class="align-items-center d-flex previews-list-item-thumbnail ps-3"> <div class="js-input-img-thumbnail previews-list-item-thumbnail-img" title="Preview">
<div class="js-input-img-thumbnail previews-list-item-thumbnail-img" title="Preview"> <div class="align-items-center d-flex js-input-img-thumbnail-icon justify-content-center">
<div class="align-items-center d-flex js-input-img-thumbnail-icon justify-content-center"> <i class="i-img"></i>
<i class="i-img"></i>
</div>
</div>
</div>
<div class="details flex-grow-1">
<div class="js-input-img-caption-helper mb-2">
{% include "common/components/field.html" with field=inlineform.caption label='Caption' %}
</div>
<div class="align-items-center d-flex js-input-img-helper justify-content-between">
{% include "common/components/field.html" with field=inlineform.source label='File' %}
<ul class="pt-0">
<li>
<button class="btn btn-link btn-sm js-btn-reset-img-upload-form ps-2 pe-0"><i class="i-refresh"></i> Reset</button>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
<div class="details flex-grow-1">
<div class="js-input-img-caption-helper mb-2">
{% include "common/components/field.html" with field=inlineform.caption label='Caption' %}
</div>
<div class="align-items-center d-flex js-input-img-helper justify-content-between">
{% include "common/components/field.html" with field=inlineform.source label='File' %}
<ul class="pt-0">
<li>
<button class="btn btn-link btn-sm js-btn-reset-img-upload-form ps-2 pe-0"><i class="i-refresh"></i> Reset</button>
</li>
</ul>
</div>
</div>
</div> </div>
{{ inlineform.non_form_errors }} </div>
{% endwith %} {{ inlineform.non_form_errors }}
{% endfor %} {% endwith %}
</div> {% endfor %}
</div> </div>
<div class="row"> <div class="row">
<div class="col text-right mt-3"> <div class="col text-right mt-3">