Стилизация - История изменений

Mark в 20:26, 1 декабря 2021

2021-12-01T20:26:26Z

Mark в 13:27, 16 ноября 2021

2021-11-16T13:27:54Z

Mark в 19:12, 8 ноября 2021

2021-11-08T19:12:19Z

Mark в 09:38, 8 ноября 2021

2021-11-08T09:38:23Z

Mark в 18:31, 6 ноября 2021

2021-11-06T18:31:16Z

Mark в 00:45, 4 октября 2021

2021-10-04T00:45:09Z

Mark в 21:58, 24 сентября 2021

2021-09-24T21:58:30Z

Mark в 21:57, 24 сентября 2021

2021-09-24T21:57:46Z

Mark в 17:40, 24 сентября 2021

2021-09-24T17:40:12Z

Mark в 17:33, 24 сентября 2021

2021-09-24T17:33:36Z

@@ Строка 73: / Строка 73: @@
          line-height: 14px;
+     }
 }</pre>

@@ Строка 3: / Строка 3: @@
 Работает для темной темы и улучшает работу для манагеров
-<pre>@media (min-width: 1300px) {
+<pre>@media (min-width: 1280px) {
      .container {
-         max-width: unset;
+         max-width: 100%;
+     }
+}
@@ Строка 23: / Строка 13: @@
+     }
+}
-@media (min-width: 1300px) {
+@media (min-width: 1004px) {
-     .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
+     .container.m-main-container:not(.m-right-sidebar) #content>.b-chats>.b-chats__conversations,.container.m-main-container:not(.m-right-sidebar) #content>.b-settings,.container.m-main-container:not(.m-right-sidebar) #content>.container,.container.m-main-container:not(.m-right-sidebar) #content>.g-sides-gaps,.container.m-main-container:not(.m-right-sidebar) #content>.l-container {
          max-width: unset;
+     }
+}
-@media (min-width: 1004px) {
+@media (min-width: 1280px) {
-     .b-feed {
+     .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
-         max-width: 50%;
+         max-width: 100%;
+     }
+}
 .b-photos {
@@ Строка 55: / Строка 29: @@
+}
 .checkbox-item.m-pos-right-top {
      width: 50%;
      height: 50%;
@@ Строка 68: / Строка 41: @@
+     }
+}
-.b-compact-header .b-username-row {
+.b-notifications__list {
      display: grid;
      grid-template-columns: 1fr 1fr;
 }</pre>

@@ Строка 67: / Строка 67: @@
          max-width: 90%;
+     }
 }</pre>

@@ Строка 3: / Строка 3: @@
 Работает для темной темы и улучшает работу для манагеров
-<pre>.b-photos {
+<pre>@media (min-width: 1300px) {
-    grid-template-columns: repeat(10,1fr);
+     .container {
+         max-width: unset;
+     }
+}
-.checkbox-item.m-pos-right-top {
+@media (min-width: 500px) {
-    width: 50%;
+	.l-header__menu__item {
-    height: 50%;
+		height: 38px;
-    padding: 0;
+}
 @media (min-width: 1300px) {
-     .container {
+     .l-header:not(.m-narrow-width-header) .l-header__menu__item__text {
-         max-width: 90%;
+         font-size: 14px;
+     }
+}
@@ Строка 65: / Строка 25: @@
 @media (min-width: 1300px) {
      .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
-         max-width: 100%;
+         max-width: unset;
+     }
+}
-.b-chats__item.m-muted {
+@media (min-width: 1004px) {
-    display: none;
+    .b-feed {
+}
-.b-username-row.m-gap-clear {
+@media (min-width: 1004px) {
      display: grid;
-     grid-template-columns: 1fr 1fr;
+     grid-template-columns: 1fr 1fr 1fr;
 }</pre>

@@ Строка 37: / Строка 37: @@
 .b-notifications__list {
      display: grid;
-     grid-template-columns: repeat(4, 1fr);
+     grid-template-columns: repeat(2, 1fr);
+}
 @media (min-width: 1004px) {
@@ Строка 53: / Строка 53: @@
+     }
+}
-</pre>
+@media (min-width: 1300px) {

@@ Строка 50: / Строка 50: @@
 .b-users__item.m-fans {
      overflow: hidden;
-     height: 90px;
+     height: 100px;
      width: 100%;
+}