Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 4: | Строка 4: | ||
Работает для темной темы и улучшает работу для манагеров | Работает для темной темы и улучшает работу для манагеров | ||
<pre> | <pre> | ||
| − | + | @media (min-width: 1280px) { | |
| − | : | + | .container { |
| − | + | max-width: 100%; | |
| − | + | } | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .l- | + | |
| − | + | @media (min-width: 1280px) { | |
| + | .m-main-container:not(.p-without-header) .l-sidebar~#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 { | .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); | |
| − | |||
| − | |||
} | } | ||
</pre> | </pre> | ||
Версия 10:59, 25 мая 2021
CSS
Я использую плагин для хрома UserCSS
Работает для темной темы и улучшает работу для манагеров
@media (min-width: 1280px) {
.container {
max-width: 100%;
}
}
@media (min-width: 1280px) {
.m-main-container:not(.p-without-header) .l-sidebar~#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);
}