UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фильтры и настройки вида домашнего Ганта

2026-04-24 14:43:13 +03:00
parent ad1d9c34ea
commit eff71d7258
3 changed files with 416 additions and 36 deletions
@@ -1721,6 +1721,118 @@
    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
  }

+  .nodedc-home-gantt-action-group {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .nodedc-home-gantt-popover {
+    position: absolute;
+    top: calc(100% + 0.55rem);
+    right: 0;
+    z-index: 12;
+    min-width: 13.5rem;
+    border: 1px solid rgba(255, 255, 255, 0.06);
+    border-radius: 1.25rem;
+    background: rgba(9, 9, 11, 0.96);
+    padding: 0.38rem;
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.04),
+      0 18px 38px rgba(0, 0, 0, 0.28);
+    -webkit-backdrop-filter: blur(24px);
+    backdrop-filter: blur(24px);
+  }
+
+  .nodedc-home-gantt-popover-wide {
+    min-width: 18rem;
+  }
+
+  .nodedc-home-gantt-popover-section {
+    display: grid;
+    gap: 0.25rem;
+  }
+
+  .nodedc-home-gantt-popover-section + .nodedc-home-gantt-popover-section {
+    margin-top: 0.45rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.055);
+    padding-top: 0.45rem;
+  }
+
+  .nodedc-home-gantt-popover-title {
+    padding: 0.35rem 0.7rem 0.25rem;
+    color: var(--text-color-placeholder);
+    font-size: 0.65rem;
+    font-weight: 800;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+  }
+
+  .nodedc-home-gantt-popover-option {
+    display: flex;
+    width: 100%;
+    min-height: 2.35rem;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 0.95rem !important;
+    background: transparent !important;
+    padding: 0.55rem 0.7rem;
+    color: var(--text-color-secondary);
+    font-size: 0.75rem;
+    font-weight: 750;
+    text-align: left;
+  }
+
+  .nodedc-home-gantt-popover-option-left {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: 0.58rem;
+  }
+
+  .nodedc-home-gantt-popover-option:hover,
+  .nodedc-home-gantt-popover-option-active {
+    background: rgba(var(--nodedc-card-active-rgb), 0.16) !important;
+    color: var(--text-color-primary);
+  }
+
+  .nodedc-home-gantt-popover-check {
+    display: grid;
+    width: 1.1rem;
+    min-width: 1.1rem;
+    height: 1.1rem;
+    place-items: center;
+    border: 1px solid rgba(255, 255, 255, 0.16);
+    border-radius: 999px;
+    color: rgb(var(--nodedc-card-active-rgb));
+  }
+
+  .nodedc-home-gantt-popover-option-active .nodedc-home-gantt-popover-check {
+    border-color: rgb(var(--nodedc-card-active-rgb));
+    background: rgba(var(--nodedc-card-active-rgb), 0.16);
+  }
+
+  .nodedc-home-gantt-popover-reset {
+    width: 100%;
+    min-height: 2.35rem;
+    margin-top: 0.45rem;
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 0.95rem !important;
+    background: rgba(255, 255, 255, 0.08) !important;
+    color: var(--text-color-primary);
+    font-size: 0.75rem;
+    font-weight: 800;
+  }
+
+  .nodedc-home-gantt-popover-reset:hover {
+    background: rgba(255, 255, 255, 0.12) !important;
+  }
+
  .nodedc-home-gantt-surface {
    position: relative;
    min-height: 23.5rem;
@@ -1868,6 +1980,13 @@
    min-height: 2.8rem;
  }

+  .nodedc-home-gantt-row-name-full {
+    overflow: visible;
+    line-height: 1.2;
+    overflow-wrap: anywhere;
+    white-space: normal;
+  }
+
  .nodedc-home-gantt-row-label {
    position: sticky;
    left: 0;