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

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

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-20 11:40:20 +03:00
parent 8fed697531
commit b1f980bc7f
14 changed files with 403 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/styles/globals.css
+128 -1
View File
@@ -1108,6 +1108,25 @@
background: rgba(255, 255, 255, 0.1) !important;
}
.nodedc-external-icon-button {
display: grid !important;
place-items: center !important;
width: 2.5rem !important;
min-width: 2.5rem !important;
height: 2.5rem !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.06) !important;
color: var(--text-color-primary) !important;
padding: 0 !important;
}
.nodedc-external-icon-button:hover {
background: rgba(255, 255, 255, 0.1) !important;
}
.nodedc-external-primary-button {
min-height: 2.75rem;
border: 0 !important;
@@ -1116,11 +1135,119 @@
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
padding-inline: 1.2rem !important;
padding-inline: 1.45rem !important;
font-weight: 600 !important;
}
.nodedc-external-primary-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
}
.nodedc-external-empty-state {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
text-align: center;
}
.nodedc-external-empty-media {
display: grid;
place-items: center;
width: 6.25rem;
height: 6.25rem;
border-radius: 1.85rem;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.032) 0%, rgba(255, 255, 255, 0.014) 100%),
rgba(255, 255, 255, 0.028);
box-shadow:
0 16px 40px rgba(0, 0, 0, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.018);
}
.nodedc-external-empty-media svg {
color: rgba(255, 255, 255, 0.22);
}
.nodedc-external-readonly-value {
display: flex;
min-height: 2.5rem;
width: 100%;
align-items: center;
gap: 0.6rem;
border: 0 !important;
outline: none !important;
box-shadow: none !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(255, 255, 255, 0.028) !important;
color: var(--text-color-primary) !important;
padding: 0.65rem 0.95rem !important;
}
.nodedc-external-property-row {
display: flex;
align-items: center;
gap: 1rem;
border: 0 !important;
outline: none !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
border-radius: 1.6rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
rgba(255, 255, 255, 0.028) !important;
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
padding: 0.9rem 1rem !important;
}
.nodedc-external-property-label {
display: flex;
width: 40%;
flex-shrink: 0;
align-items: center;
gap: 0.5rem;
font-size: 0.8125rem !important;
color: var(--text-color-tertiary) !important;
}
.nodedc-external-property-value {
display: flex;
min-height: 2.5rem;
width: 100%;
align-items: center;
gap: 0.6rem;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
border-radius: 999px !important;
background: transparent !important;
color: var(--text-color-primary) !important;
padding: 0.1rem 0.1rem !important;
}
.nodedc-external-property-control {
display: flex;
min-height: 2.5rem;
width: 100%;
align-items: center;
gap: 0.6rem;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
border-radius: 999px !important;
background: transparent !important;
color: var(--text-color-primary) !important;
padding: 0.1rem 0.1rem !important;
transition: background 160ms ease;
}
.nodedc-external-property-control:hover,
.nodedc-external-property-control:focus-within {
background: rgba(255, 255, 255, 0.04) !important;
}
}