Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 37: | Строка 37: | ||
.b-notifications__list { | .b-notifications__list { | ||
display: grid; | display: grid; | ||
| − | grid-template-columns: repeat( | + | grid-template-columns: repeat(2, 1fr); |
} | } | ||
@media (min-width: 1004px) { | @media (min-width: 1004px) { | ||
| Строка 53: | Строка 53: | ||
} | } | ||
} | } | ||
| − | </pre> | + | @media (min-width: 1300px) { |
| + | .container { | ||
| + | max-width: 90%; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 500px) { | ||
| + | .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content { | ||
| + | margin-left: unset; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1300px) { | ||
| + | .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | } | ||
| + | .b-chats__item.m-muted { | ||
| + | display: none; | ||
| + | } | ||
| + | .b-username-row.m-gap-clear { | ||
| + | display: grid; | ||
| + | grid-template-columns: 1fr 1fr; | ||
| + | }</pre> | ||
Версия 18:31, 6 ноября 2021
CSS
Я использую плагин для хрома UserCSS
Работает для темной темы и улучшает работу для манагеров
.b-photos {
grid-template-columns: repeat(10,1fr);
}
.g-avatar.m-w24 {
width: 10px;
height: 10px;
top: unset;
left: unset;
bottom: 12px;
right: 12px;
}
.online_status_class.online.m-w24:after {
display: none;
}
.b-users__item__new-posts-count {
font-size: 10px;
line-height: 14px;
}
@media (min-width: 560px) {
.modal .modal-dialog.modal-md {
max-width: 90%;
}
}
.checkbox-item.m-pos-right-top {
width: 50%;
height: 50%;
padding: 0;
}
.checkbox-item__inside {
width: 100%;
height: 100%;
}
.b-notifications__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1004px) {
.b-gallery-wrapper {
position: fixed;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
max-width: unset !important;
background: black;
z-index: 1000;
box-shadow: 1px 1px 10px 1px white;
width: unset !important;
}
}
@media (min-width: 1300px) {
.container {
max-width: 90%;
}
}
@media (min-width: 500px) {
.m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
margin-left: unset;
}
}
@media (min-width: 1300px) {
.m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
max-width: 100%;
}
}
.b-chats__item.m-muted {
display: none;
}
.b-username-row.m-gap-clear {
display: grid;
grid-template-columns: 1fr 1fr;
}