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

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: приведение delete-модалок к black-glass канону

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-20 18:48:47 +03:00
parent cbd40791e4
commit 6cb0545957
20 changed files with 239 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/styles/globals.css
+52 -5
View File
@@ -218,9 +218,16 @@
}
.nodedc-glass-modal {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.036) 0%, rgba(255, 255, 255, 0.012) 100%),
rgba(6, 6, 8, 0.9) !important;
border: 0 !important;
outline: none !important;
-webkit-backdrop-filter: blur(42px);
backdrop-filter: blur(42px);
box-shadow:
0 20px 56px rgba(0, 0, 0, 0.34),
0 4px 16px rgba(0, 0, 0, 0.18);
0 24px 64px rgba(0, 0, 0, 0.42),
0 8px 22px rgba(0, 0, 0, 0.24);
}
.nodedc-glass-surface {
@@ -268,11 +275,24 @@
}
.nodedc-glass-modal button:focus-visible,
.nodedc-glass-modal [role="button"]:focus-visible {
.nodedc-glass-modal [role="button"]:focus-visible,
.nodedc-glass-modal :focus-visible {
outline: none !important;
box-shadow: none !important;
}
.nodedc-modal-alert-icon {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
}
.nodedc-modal-alert-icon-danger,
.nodedc-modal-alert-icon-primary {
background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 18%, transparent) !important;
color: rgb(var(--nodedc-accent-rgb)) !important;
}
.nodedc-modal-field {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
@@ -485,17 +505,19 @@
outline: none !important;
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
padding-inline: 1.25rem !important;
}
.nodedc-modal-primary-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 82%, white) !important;
}
.nodedc-modal-primary-button,
.nodedc-modal-primary-button *,
.nodedc-modal-danger-button,
.nodedc-modal-danger-button *,
.nodedc-settings-primary-button,
.nodedc-settings-primary-button *,
.nodedc-settings-save-button,
@@ -509,9 +531,34 @@
outline: none !important;
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
padding-inline: 1.25rem !important;
}
.nodedc-modal-danger-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 82%, white) !important;
}
.nodedc-glass-modal button.bg-danger-primary,
.nodedc-glass-modal button.border-danger-strong {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
}
.nodedc-glass-modal button.bg-danger-primary:hover,
.nodedc-glass-modal button.border-danger-strong:hover {
background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 82%, white) !important;
}
.nodedc-glass-modal button.bg-danger-primary *,
.nodedc-glass-modal button.border-danger-strong * {
color: #0b1117 !important;
}
.nodedc-modal-chip {
min-height: 2.5rem;
border: 0 !important;