1354
правки
MediaWiki:Common.css: различия между версиями
нет описания правки
Gryadka (обсуждение | вклад) Нет описания правки Метка: отменено |
Gryadka (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
| Строка 55: | Строка 55: | ||
.event-container { | .event-container { | ||
display: flex; | display: flex; | ||
justify-content: | justify-content: center; | ||
align-items: center; | align-items: center; | ||
flex-wrap: nowrap; | |||
overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ | |||
scrollbar-width: none; /* Для Firefox */ | |||
-ms-overflow-style: none; /* Для Internet Explorer 10+ */ | |||
} | |||
.event-container::-webkit-scrollbar { | |||
display: none; /* Для WebKit браузеров, таких как Chrome и Safari */ | |||
} | } | ||
.event-block { | .event-block { | ||
flex: 0 0 auto; | |||
padding: 10px; | padding: 10px; | ||
margin-right: 20px; | margin-right: 20px; | ||
border: 1px solid rgba(0, 0, 0, 0.1); | |||
width: 400px; /* Установите максимальную ширину блока по вашему желанию */ | width: 400px; /* Установите максимальную ширину блока по вашему желанию */ | ||
height: 400px; /* Установите максимальную ширину блока по вашему желанию */ | height: 400px; /* Установите максимальную ширину блока по вашему желанию */ | ||
flex-shrink: 0; | |||
} | |||
.event-container .event-block:first-child { | |||
margin-left: 0px; /* или любое другое значение, которое подходит */ | |||
} | } | ||
| Строка 80: | Строка 93: | ||
/* Стили для деталей события */ | /* Стили для деталей события */ | ||
overflow: hidden; /* Обрезать текст, который выходит за пределы блока */ | overflow: hidden; /* Обрезать текст, который выходит за пределы блока */ | ||
overflow-wrap: break-word; /* Allows long words to wrap */ | |||
white-space: normal; /* Ensures the text does not overflow */ | |||
box-sizing: border-box; /* Includes padding and border in the element's total width and height */ | |||
/* Add other styles as required */ | |||
} | } | ||