UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фиксация active-состояния внутренней колоды задач на home

2026-04-23 13:42:06 +03:00
parent 4d6aba098d
commit 3034ba5089
3 changed files with 559 additions and 0 deletions
@@ -1609,6 +1609,108 @@
    filter: saturate(1);
  }

+  .nodedc-home-task-deck-scroller {
+    overflow-x: auto;
+    overflow-y: visible;
+    padding-bottom: 0.25rem;
+    scrollbar-width: none;
+  }
+
+  .nodedc-home-task-deck-scroller::-webkit-scrollbar {
+    display: none;
+  }
+
+  .nodedc-home-task-card {
+    width: 18.5rem;
+    min-width: 18.5rem;
+    border: 0 !important;
+    outline: none !important;
+    background: transparent !important;
+    padding: 0 !important;
+    position: relative;
+    display: block;
+    cursor: pointer;
+    text-align: left;
+    transition:
+      transform 180ms ease,
+      filter 180ms ease;
+  }
+
+  .nodedc-home-task-card[data-active="true"] {
+    transform: translateY(-0.85rem) scale(1.015);
+  }
+
+  .nodedc-home-task-card[data-active="false"] {
+    filter: saturate(0.88);
+    transform: scale(0.975);
+  }
+
+  .nodedc-home-task-card[data-active="false"]:hover {
+    transform: translateY(-0.2rem) scale(0.985);
+    filter: saturate(1);
+  }
+
+  .nodedc-home-task-card-surface {
+    overflow: hidden;
+    isolation: isolate;
+    border-radius: 2rem !important;
+    box-shadow:
+      0 24px 48px rgba(0, 0, 0, 0.24),
+      inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
+    -webkit-backdrop-filter: blur(24px);
+    backdrop-filter: blur(24px);
+    transition:
+      background 180ms ease,
+      box-shadow 180ms ease,
+      color 180ms ease;
+  }
+
+  .nodedc-home-task-card[data-active="false"] .nodedc-home-task-card-surface {
+    -webkit-backdrop-filter: blur(24px);
+    backdrop-filter: blur(24px);
+  }
+
+  .nodedc-home-task-card-surface-passive {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.038) 0%, rgba(255, 255, 255, 0.012) 100%),
+      rgba(7, 7, 9, 0.74) !important;
+  }
+
+  .nodedc-home-task-card-surface-active {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.018) 100%),
+      rgba(var(--nodedc-card-active-rgb), 0.96) !important;
+    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
+    box-shadow:
+      0 30px 56px rgba(0, 0, 0, 0.28),
+      inset 0 0 0 1px rgba(255, 255, 255, 0.18),
+      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
+  }
+
+  .nodedc-home-task-card[data-active="true"] .nodedc-home-task-card-surface {
+    background: rgb(var(--nodedc-card-active-rgb)) !important;
+    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
+    -webkit-backdrop-filter: none !important;
+    backdrop-filter: none !important;
+    box-shadow:
+      0 30px 56px rgba(0, 0, 0, 0.28),
+      inset 0 0 0 1px rgba(255, 255, 255, 0.18),
+      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
+  }
+
+  .nodedc-home-task-card-skeleton {
+    height: 14.75rem;
+    border-radius: 2rem !important;
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.01) 100%),
+      rgba(7, 7, 9, 0.68) !important;
+    box-shadow:
+      0 24px 48px rgba(0, 0, 0, 0.22),
+      inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
+    -webkit-backdrop-filter: blur(24px);
+    backdrop-filter: blur(24px);
+  }
+
  .nodedc-home-metric-card {
    border-radius: 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.06);