fix: evitar overflow en descripciones largas sin saltos de línea
Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/5d4fb379-0cda-4ba0-803a-9110b1433c27 Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
This commit is contained in:
committed by
GitHub
parent
4a3f5a8025
commit
1770293221
@@ -234,4 +234,8 @@ p.price {
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.texto-ajustado {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=custom.css.map */
|
||||
|
||||
@@ -167,7 +167,7 @@
|
||||
<h3 class="card-title">{{ product.name }}</h3>
|
||||
|
||||
{% if product.briefdesc %}
|
||||
<p class="card-text text-muted small">{{ product.briefdesc|truncatewords:10 }}</p>
|
||||
<p class="card-text text-muted small texto-ajustado">{{ product.briefdesc|truncatewords:10 }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="mt-auto">
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="fw-semibold">{{ producto.name }}</div>
|
||||
<div class="text-muted small">{{ producto.briefdesc|truncatewords:12 }}</div>
|
||||
<div class="text-muted small texto-ajustado">{{ producto.briefdesc|truncatewords:12 }}</div>
|
||||
</td>
|
||||
<td>{{ producto.category.name }}</td>
|
||||
<td class="text-end">{{ producto.price|format_price }}€</td>
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
<span class="price" style="font-size: 2rem; color: #28a745;">€{{ product.get_price_with_vat|format_price }}</span>
|
||||
<div class="small text-success mt-2">IVA: €{{ product.get_vat_amount|format_price }}</div>
|
||||
</div>
|
||||
<div id="descripcion">
|
||||
<div id="descripcion" class="texto-ajustado">
|
||||
{{ product.briefdesc }}
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
@@ -58,8 +58,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-2 pb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-12 texto-ajustado">
|
||||
{{ product.description }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
<h5 class="card-title">{{ product.name }}</h5>
|
||||
|
||||
{% if product.briefdesc %}
|
||||
<p class="card-text text-muted small">{{ product.briefdesc|truncatewords:15 }}</p>
|
||||
<p class="card-text text-muted small texto-ajustado">{{ product.briefdesc|truncatewords:15 }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="mt-auto">
|
||||
|
||||
Reference in New Issue
Block a user