- Заменен лишний div.container на стандартный container для единообразия - Заменен класс .card на .ios-card в секции активности для устранения конфликтов стилей - Добавлен card-list.css в base.html для корректного отображения карточек новостей - Добавлены CSS правила для правильного поведения .row и колонок в grid-layout - Исправлена проблема с выходом календаря за границы страницы - Убраны видимые скроллбары у modal-body и modal-content для чистого UI
41 lines
1.1 KiB
SCSS
41 lines
1.1 KiB
SCSS
// =============================================================================
|
||
// Стили для модальных окон
|
||
// =============================================================================
|
||
|
||
// Скругление углов для всех модальных окон
|
||
.modal-content {
|
||
border-radius: 1rem !important; // Соответствует карточкам Bootstrap (16px)
|
||
}
|
||
|
||
// Убираем скроллбар у modal-content
|
||
.modal-dialog {
|
||
.modal-content {
|
||
overflow: hidden; // Скрываем скроллбар
|
||
}
|
||
}
|
||
|
||
// Специальные стили для модального окна поста
|
||
#postDetailModal {
|
||
.modal-dialog {
|
||
max-width: 800px !important;
|
||
width: 100%;
|
||
margin: 1.75rem auto;
|
||
}
|
||
|
||
.modal-body {
|
||
max-height: 85vh;
|
||
overflow-y: auto;
|
||
padding: 0;
|
||
background: var(--bs-body-bg) !important; // Непрозрачный фон
|
||
|
||
// Скрываем скроллбар
|
||
scrollbar-width: none; // Firefox
|
||
-ms-overflow-style: none; // IE и Edge
|
||
|
||
// Chrome, Safari, Edge
|
||
&::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
}
|
||
}
|