Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 58: | Строка 58: | ||
.b-chat__message__media { | .b-chat__message__media { | ||
max-width: 100% !important; | max-width: 100% !important; | ||
| + | } | ||
| + | |||
| + | .m-sidebar-visible .l-sidebar__overlay { | ||
| + | opacity: 0 !important; | ||
} | } | ||
</pre> | </pre> | ||
Версия 09:40, 5 июня 2021
CSS
Я использую плагин для хрома UserCSS
Работает для темной темы и улучшает работу для манагеров
@media (min-width: 1280px) {
.container {
max-width: 100%;
}
}
@media (min-width: 1280px) {
.m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
max-width: 100%;
}
}
@media (min-width: 1004px) {
.b-chats__conversations-list {
flex: 0 0 595px;
max-width: 595px;
}
}
@media (min-width: 1280px) {
.m-main-container:not(.p-without-header) .l-sidebar~#content {
max-width: calc( 100% - 280px );
}
}
.checkbox-item.m-pos-right-top {
width: 100%;
height: 100%;
padding: 0;
}
.b-notifications__list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.b-photos__item.m-col-4 {
width: calc(10% - 2px);
padding-top: calc(10% - 2px);
}
@media (min-width: 560px) {
.modal .modal-dialog.modal-md {
max-width: 90%;
}
}
.b-photos__item {
width: calc(10% - 2px);
padding-top: calc(10% - 2px);
}
.b-chat__message__media {
max-width: 100% !important;
}
.m-sidebar-visible .l-sidebar__overlay {
opacity: 0 !important;
}