Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 11: | Строка 11: | ||
@media (min-width: 1280px) { | @media (min-width: 1280px) { | ||
| − | + | .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content { | |
| − | + | max-width: 100%; | |
| − | + | } | |
} | } | ||
| Строка 57: | Строка 57: | ||
.b-chat__message__media { | .b-chat__message__media { | ||
| − | + | max-width: 100% !important; | |
} | } | ||
</pre> | </pre> | ||
Версия 11:41, 1 июня 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;
}