Стилизация: различия между версиями

Материал из OnlyMoney
Перейти к навигации Перейти к поиску
Строка 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;
}