Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
Строка 12: | Строка 12: | ||
@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 { | .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content { | ||
− | max-width: 100%; | + | max-width: calc( 100% - 264px ); |
} | } | ||
} | } | ||
Строка 43: | Строка 43: | ||
width: calc(10% - 2px); | width: calc(10% - 2px); | ||
padding-top: calc(10% - 2px); | padding-top: calc(10% - 2px); | ||
+ | } | ||
+ | |||
+ | .b-users__item.m-fans { | ||
+ | height: 70px; | ||
+ | overflow: auto; | ||
} | } | ||
Строка 62: | Строка 67: | ||
.m-sidebar-visible .l-sidebar__overlay { | .m-sidebar-visible .l-sidebar__overlay { | ||
opacity: 0 !important; | opacity: 0 !important; | ||
+ | } | ||
+ | |||
+ | .b-page-content.m-chat-footer.g-sides-gaps { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .b-fans__container > div { | ||
+ | height: 0; | ||
} | } | ||
</pre> | </pre> |
Версия 00:18, 9 августа 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: calc( 100% - 264px ); } } @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); } .b-users__item.m-fans { height: 70px; overflow: auto; } @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; } .b-page-content.m-chat-footer.g-sides-gaps { position: relative; } .b-fans__container > div { height: 0; }