56 lines
1.6 KiB
CSS
56 lines
1.6 KiB
CSS
/* Плавное исчезновение текста сверху при скролле */
|
|
.fade-scroll-top {
|
|
mask-image: linear-gradient(to bottom, transparent 0%, black 14px);
|
|
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 14px);
|
|
}
|
|
|
|
/* Скрытие стандартного скроллбара */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* Оптимизация под мобильный viewport (борьба со скачками клавиатуры на iOS/Android) */
|
|
body {
|
|
min-height: 100vh;
|
|
min-height: -webkit-fill-available;
|
|
}
|
|
/* Плавное исчезновение текста сверху при скролле */
|
|
.fade-scroll-top {
|
|
mask-image: linear-gradient(to bottom, transparent 0%, black 14px);
|
|
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 14px);
|
|
}
|
|
|
|
/* Скрытие стандартного скроллбара */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* Оптимизация под мобильный viewport */
|
|
body {
|
|
min-height: 100vh;
|
|
min-height: -webkit-fill-available;
|
|
}
|
|
|
|
/* Анимация появления плашки с кнопками подтверждения */
|
|
.confirm-action-bar {
|
|
animation: slideUp 0.25s ease-out forwards;
|
|
}
|
|
|
|
@keyframes slideUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
} |