Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
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; }