fix(orders): убрать ограничение строк в резюме и добавить центровку

- Убрать -webkit-line-clamp для полного отображения резюме заказа
- Убрать клик для раскрытия/сворачивания текста
- Добавить vertical-align: middle для центровки содержимого ячеек

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-18 20:21:43 +03:00
parent e3949d249f
commit b6206ebe09

View File

@@ -10,24 +10,12 @@
max-width: 280px; max-width: 280px;
} }
.order-summary-text { .order-summary-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
word-break: break-word; word-break: break-word;
white-space: pre-wrap; white-space: pre-wrap;
cursor: pointer;
transition: all 0.2s ease;
color: #212529; color: #212529;
} }
.order-summary-text:hover { .table td {
color: #0d6efd; vertical-align: middle;
}
.order-summary-text.expanded {
-webkit-line-clamp: unset;
max-height: none;
position: relative;
z-index: 10;
} }
</style> </style>
{% endblock %} {% endblock %}
@@ -160,7 +148,7 @@
</td> </td>
<td class="order-summary-cell"> <td class="order-summary-cell">
{% if order.summary %} {% if order.summary %}
<div class="order-summary-text" title="Клик для раскрытия/сворачивания">{{ order.summary|safe }}</div> <div class="order-summary-text">{{ order.summary|safe }}</div>
{% else %} {% else %}
<span class="text-muted">&mdash;</span> <span class="text-muted">&mdash;</span>
{% endif %} {% endif %}
@@ -380,13 +368,6 @@
}, 200); }, 200);
}); });
}); });
// Toggle для раскрытия/сворачивания резюме заказа
document.querySelectorAll('.order-summary-text').forEach(function(el) {
el.addEventListener('click', function() {
this.classList.toggle('expanded');
});
});
})(); })();
</script> </script>
{% endblock %} {% endblock %}