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:
copilot-swe-agent[bot]
2026-04-20 08:21:08 +00:00
committed by GitHub
parent 4a3f5a8025
commit 1770293221
5 changed files with 10 additions and 6 deletions
+4
View File
@@ -234,4 +234,8 @@ p.price {
object-position: center; object-position: center;
} }
.texto-ajustado {
overflow-wrap: anywhere;
}
/*# sourceMappingURL=custom.css.map */ /*# sourceMappingURL=custom.css.map */
+1 -1
View File
@@ -167,7 +167,7 @@
<h3 class="card-title">{{ product.name }}</h3> <h3 class="card-title">{{ product.name }}</h3>
{% if product.briefdesc %} {% 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 %} {% endif %}
<div class="mt-auto"> <div class="mt-auto">
+1 -1
View File
@@ -49,7 +49,7 @@
</td> </td>
<td> <td>
<div class="fw-semibold">{{ producto.name }}</div> <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>
<td>{{ producto.category.name }}</td> <td>{{ producto.category.name }}</td>
<td class="text-end">{{ producto.price|format_price }}€</td> <td class="text-end">{{ producto.price|format_price }}€</td>
+3 -3
View File
@@ -36,7 +36,7 @@
<span class="price" style="font-size: 2rem; color: #28a745;">€{{ product.get_price_with_vat|format_price }}</span> <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 class="small text-success mt-2">IVA: €{{ product.get_vat_amount|format_price }}</div>
</div> </div>
<div id="descripcion"> <div id="descripcion" class="texto-ajustado">
{{ product.briefdesc }} {{ product.briefdesc }}
</div> </div>
<div class="mt-3"> <div class="mt-3">
@@ -58,8 +58,8 @@
</div> </div>
</div> </div>
<div class="row pt-2 pb-2"> <div class="row pt-2 pb-2">
<div class="col-md-12"> <div class="col-md-12 texto-ajustado">
{{ product.description }} {{ product.description }}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
+1 -1
View File
@@ -61,7 +61,7 @@
<h5 class="card-title">{{ product.name }}</h5> <h5 class="card-title">{{ product.name }}</h5>
{% if product.briefdesc %} {% 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 %} {% endif %}
<div class="mt-auto"> <div class="mt-auto">