SILVER/NODEDC_TASKMANAGER
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: упрощение верхней шапки God Mode

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-29 09:15:58 +03:00
parent 4ba3aab02e
commit 83c61a85b4
4 changed files with 333 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/admin/styles/globals.css
+175 -24
View File
@@ -126,8 +126,7 @@ body {
.nodedc-technical-confirm-modal {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.048) 0%, rgba(255, 255, 255, 0.014) 100%),
rgba(6, 6, 8, 0.76) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.048) 0%, rgba(255, 255, 255, 0.014) 100%), rgba(6, 6, 8, 0.76) !important;
-webkit-backdrop-filter: blur(54px) saturate(130%);
backdrop-filter: blur(54px) saturate(130%);
box-shadow:
@@ -151,8 +150,7 @@ body {
border: 0 !important;
border-radius: 1.25rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
rgba(8, 8, 11, 0.92) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%), rgba(8, 8, 11, 0.92) !important;
padding: 0.75rem !important;
-webkit-backdrop-filter: blur(44px);
backdrop-filter: blur(44px);
@@ -183,11 +181,133 @@ body {
}
.nodedc-admin-header {
min-height: 4.25rem;
min-height: 5.75rem;
border: 0 !important;
border-radius: 0 0 1.35rem 1.35rem;
margin: 0.65rem 0.75rem 0;
width: calc(100% - 1.5rem) !important;
background: transparent !important;
padding: 1.75rem clamp(1.25rem, 3vw, 2.75rem) 0.5rem !important;
}
.nodedc-admin-header-top {
grid-template-columns: minmax(11rem, 1fr) auto minmax(11rem, 1fr);
}
.nodedc-admin-logo {
display: block;
width: 9.25rem;
height: auto;
}
.nodedc-admin-top-nav {
display: inline-flex;
max-width: min(100%, 48rem);
align-items: center;
justify-content: center;
gap: 0.35rem;
border-radius: 999px;
background: transparent !important;
padding: 0;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.nodedc-admin-top-nav-item {
display: inline-flex;
min-height: 2.35rem;
align-items: center;
justify-content: center;
gap: 0.45rem;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.72) !important;
padding: 0.55rem 0.85rem !important;
font-size: 0.75rem;
font-weight: 600;
line-height: 1;
white-space: nowrap;
box-shadow: none !important;
transition:
background-color 160ms ease,
color 160ms ease,
transform 160ms ease;
}
.nodedc-admin-top-nav-item:hover {
background: rgba(255, 255, 255, 0.045) !important;
color: var(--text-color-primary) !important;
}
.nodedc-admin-top-nav-item[data-active="true"] {
background: rgba(255, 255, 255, 0.94) !important;
color: #08090b !important;
}
.nodedc-admin-top-nav-item[data-active="true"] * {
color: #08090b !important;
}
.nodedc-admin-feature-menu-item {
display: flex;
width: 100%;
align-items: center;
gap: 0.75rem;
border-radius: 1rem;
padding: 0.65rem;
color: rgba(255, 255, 255, 0.74);
transition:
background-color 160ms ease,
color 160ms ease;
}
.nodedc-admin-feature-menu-item.is-hovered,
.nodedc-admin-feature-menu-item:hover {
background: rgba(255, 255, 255, 0.06);
color: var(--text-color-primary);
}
.nodedc-admin-feature-menu-item.is-active {
background: rgba(255, 255, 255, 0.09);
}
.nodedc-admin-feature-menu-item.is-active svg {
color: rgb(var(--nodedc-accent-rgb));
}
.nodedc-admin-user-button {
display: inline-flex;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: 0.75rem;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
}
.nodedc-admin-user-button:hover > span:last-child {
background: rgba(255, 255, 255, 0.11) !important;
}
.nodedc-admin-menu-action {
display: flex;
min-height: 2.35rem;
width: 100%;
align-items: center;
gap: 0.55rem;
border-radius: 0.9rem !important;
padding: 0.55rem 0.65rem !important;
color: rgba(255, 255, 255, 0.72) !important;
text-align: left;
transition:
background-color 160ms ease,
color 160ms ease;
}
.nodedc-admin-menu-action:hover {
background: rgba(255, 255, 255, 0.06) !important;
color: var(--text-color-primary) !important;
}
.nodedc-admin-breadcrumbs {
@@ -198,14 +318,13 @@ body {
}
.nodedc-admin-breadcrumb-pill {
min-height: 2.5rem;
min-height: 2.2rem;
border: 0 !important;
border-radius: 1.25rem !important;
border-radius: 999px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.036) 0%, rgba(255, 255, 255, 0.014) 100%),
rgba(255, 255, 255, 0.04) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.036) 0%, rgba(255, 255, 255, 0.014) 100%), rgba(255, 255, 255, 0.04) !important;
color: rgba(255, 255, 255, 0.72) !important;
padding: 0.55rem 0.9rem !important;
padding: 0.5rem 0.8rem !important;
box-shadow: none !important;
transition:
background-color 160ms ease,
@@ -214,8 +333,7 @@ body {
.nodedc-admin-breadcrumb-pill:hover {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.018) 100%),
rgba(255, 255, 255, 0.065) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.018) 100%), rgba(255, 255, 255, 0.065) !important;
color: var(--text-color-primary) !important;
}
@@ -232,7 +350,7 @@ body {
}
.nodedc-page {
padding: 1rem 0 1.5rem;
padding: 0.5rem 0 1.5rem;
}
.nodedc-page-header {
@@ -268,8 +386,7 @@ body {
border: 0 !important;
border-radius: 1.35rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0.016) 100%),
rgba(255, 255, 255, 0.04) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0.016) 100%), rgba(255, 255, 255, 0.04) !important;
box-shadow: none !important;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
@@ -279,8 +396,7 @@ body {
border: 0 !important;
border-radius: 0.65rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.014) 100%),
rgba(0, 0, 0, 0.32) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.014) 100%), rgba(0, 0, 0, 0.32) !important;
color: rgb(var(--nodedc-accent-rgb)) !important;
box-shadow: none !important;
}
@@ -335,8 +451,7 @@ body {
.nodedc-admin-sidebar-action:hover {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.052) 0%, rgba(255, 255, 255, 0.018) 100%),
rgba(255, 255, 255, 0.07) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.052) 0%, rgba(255, 255, 255, 0.018) 100%), rgba(255, 255, 255, 0.07) !important;
color: var(--text-color-primary) !important;
}
@@ -490,8 +605,7 @@ body {
border: 0 !important;
border-radius: 1.25rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.022) 100%),
rgba(255, 255, 255, 0.055) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.022) 100%), rgba(255, 255, 255, 0.055) !important;
color: rgba(255, 255, 255, 0.76) !important;
box-shadow: none !important;
padding-inline: 1.25rem !important;
@@ -568,4 +682,41 @@ body {
background: rgba(255, 255, 255, 0.08) !important;
color: rgb(var(--nodedc-card-active-rgb)) !important;
}
@media (max-width: 1180px) {
.nodedc-admin-header {
min-height: 8.25rem;
}
.nodedc-admin-header-top {
grid-template-columns: 1fr auto;
}
.nodedc-admin-top-nav {
grid-column: 1 / -1;
grid-row: 2;
justify-self: start;
overflow-x: auto;
}
}
@media (max-width: 720px) {
.nodedc-admin-header {
min-height: 10.5rem;
padding-inline: 1rem !important;
}
.nodedc-admin-header-top {
grid-template-columns: 1fr;
}
.nodedc-admin-top-nav {
width: 100%;
justify-content: flex-start;
}
.nodedc-admin-user-button {
justify-self: start;
}
}
}