trevor/smartsoltech_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Исправлены HTML теги в сервисах и восстановлена кликабельность кнопок на странице деталей сервиса
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Andrey K. Choi
2025-11-26 21:14:24 +09:00
parent a0a20d7270
commit 2479406d3d
1 changed files with 99 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
smartsoltech/web/templates/web/service_detail.html
View File

@@ -47,7 +47,7 @@
<span class="badge bg-primary-modern">{{ service.category.name }}</span>
</div>
<h1 class="display-5 fw-bold mb-4">{{ service.name }}</h1>
<p class="lead text-muted mb-4">{{ service.description }}</p>
<p class="lead text-muted mb-4">{{ service.description|striptags }}</p>
<!-- Service Features -->
<div class="mb-4">
@@ -252,7 +252,7 @@
<h5 class="mb-3 text-dark">{{ project.name }}</h5>
{% if project.short_description %}
<p class="text-muted mb-3">{{ project.short_description|truncatewords:15 }}</p>
<p class="text-muted mb-3">{{ project.short_description|striptags|truncatewords:15 }}</p>
{% else %}
<p class="text-muted mb-3">{{ project.description|striptags|truncatewords:15 }}</p>
{% endif %}
@@ -689,5 +689,102 @@ document.addEventListener('DOMContentLoaded', function() {
font-size: 1rem;
}
}
/* Исправление кликабельности кнопок */
.service-info {
position: relative;
z-index: 100;
}
.service-info .btn,
.service-info .d-flex {
position: relative;
z-index: 101;
pointer-events: auto;
}
.btn:hover {
pointer-events: auto !important;
cursor: pointer !important;
}
/* Убираем возможные перекрывающие псевдоэлементы */
*::before,
*::after {
pointer-events: none;
}
/* Обеспечиваем кликабельность всех интерактивных элементов */
button,
a,
input,
select,
textarea {
pointer-events: auto !important;
position: relative;
z-index: 10;
}
</style>
<!-- Service Request Modal -->
<div class="modal fade" id="serviceModal" tabindex="-1" aria-labelledby="serviceModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="serviceModalLabel">Заказать услугу</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="serviceRequestForm">
{% csrf_token %}
<input type="hidden" id="serviceId" name="service_id">
<div class="row g-3">
<div class="col-md-6">
<label for="clientName" class="form-label">Имя *</label>
<input type="text" class="form-control" id="clientName" name="name" required>
</div>
<div class="col-md-6">
<label for="clientEmail" class="form-label">Email *</label>
<input type="email" class="form-control" id="clientEmail" name="email" required>
</div>
<div class="col-md-6">
<label for="clientPhone" class="form-label">Телефон</label>
<input type="tel" class="form-control" id="clientPhone" name="phone">
</div>
<div class="col-md-6">
<label for="clientCompany" class="form-label">Компания</label>
<input type="text" class="form-control" id="clientCompany" name="company">
</div>
<div class="col-12">
<label for="projectDescription" class="form-label">Описание проекта</label>
<textarea class="form-control" id="projectDescription" name="description" rows="4"
placeholder="Расскажите подробнее о вашем проекте..."></textarea>
</div>
</div>
</form>
<!-- Success Section -->
<div id="successSection" style="display: none;" class="text-center py-4">
<div class="success-checkmark">
<div class="check-icon">
<span class="icon-line line-tip"></span>
<span class="icon-line line-long"></span>
<div class="icon-circle"></div>
<div class="icon-fix"></div>
</div>
</div>
<h4 class="text-success mt-3">Заявка отправлена!</h4>
<p class="text-muted">Мы свяжемся с вами в ближайшее время</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="submit" form="serviceRequestForm" class="btn btn-primary">
<i class="fas fa-paper-plane me-2"></i>Отправить заявку
</button>
</div>
</div>
</div>
</div>
{% endblock %}