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

Материал из OnlyMoney
Перейти к навигации Перейти к поиску
Строка 4: Строка 4:
 
Работает для темной темы и улучшает работу для манагеров
 
Работает для темной темы и улучшает работу для манагеров
 
<pre>
 
<pre>
:root.m-mode-dark.p-index-queue-index,
+
@media (min-width: 1280px) {
:root.m-mode-dark {
+
     .container {
     --text-color: #f6f7f8;
+
        max-width: 100%;
    --bg-color-header: #206a5d;
+
     }
    --overlay-color: rgba(0,0,0,0.6);
 
    --title-color: #fefefe;
 
     --marked-color: #242529;
 
 
}
 
}
.l-header__menu__item {
+
 
  color: white;
+
@media (min-width: 1280px) {
 +
    .m-main-container:not(.p-without-header) .l-sidebar~#content {
 +
        max-width: 100%;
 +
    }
 
}
 
}
.checkbox-item.m-pos-right-top {
+
 
  width: 50%;
+
@media (min-width: 1004px) {
  height: 50%;
+
    .b-chats__conversations-list {
 +
        flex: 0 0 595px;
 +
        max-width: 595px;
 +
    }
 
}
 
}
.checkbox-item__inside {
+
 
  width: 100%;
+
@media (min-width: 1280px) {
   height: 100%;
+
  .m-main-container:not(.p-without-header) .l-sidebar~#content {
 +
    max-width: calc( 100% - 280px );
 +
   }
 
}
 
}
.b-photos__item.m-col-4 {
+
 
  width: calc(10% - 2px);
+
.checkbox-item.m-pos-right-top {
  padding-top: calc(10% - 2px);
+
    width: 100%;
}
+
    height: 100%;
.container {
+
    padding: 0;
  max-width: 1800px;
 
 
}
 
}
 +
 
.b-notifications__list {
 
.b-notifications__list {
  display: grid;
+
    display: grid;
  grid-template-columns: 1fr 1fr 1fr;
+
    grid-template-columns: 1fr 1fr 1fr 1fr;
 
}
 
}
.modal .modal-dialog.modal-md {
+
 
  max-width: 1500px;
+
.b-photos__item.m-col-4 {
}
+
    width: calc(10% - 2px);
.b-photos__item {
+
    padding-top: calc(10% - 2px);
  width: calc(20% - 2px);
 
  padding-top: calc(20% - 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);
}