UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: внешний контур, auth empty state и HDESIGN update
This commit is contained in:
DCCONSTRUCTIONS
@@ -980,14 +980,14 @@
|
||||
}
|
||||
|
||||
.nodedc-external-tab {
|
||||
min-height: 2.8rem;
|
||||
min-height: 3rem;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.78) !important;
|
||||
padding-inline: 1rem !important;
|
||||
padding-inline: 1.3rem !important;
|
||||
}
|
||||
|
||||
.nodedc-external-tab:hover {
|
||||
@@ -1025,6 +1025,8 @@
|
||||
.nodedc-external-content-shell {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
overflow: visible !important;
|
||||
isolation: isolate;
|
||||
box-shadow:
|
||||
0 18px 44px rgba(0, 0, 0, 0.18),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
|
||||
@@ -1061,6 +1063,8 @@
|
||||
.nodedc-external-panel {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
overflow: visible !important;
|
||||
isolation: isolate;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
|
||||
border-radius: 1.6rem !important;
|
||||
background:
|
||||
@@ -1073,6 +1077,8 @@
|
||||
.nodedc-external-section {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
overflow: visible !important;
|
||||
isolation: isolate;
|
||||
box-shadow:
|
||||
0 12px 32px rgba(0, 0, 0, 0.12),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
|
||||
@@ -1094,14 +1100,14 @@
|
||||
}
|
||||
|
||||
.nodedc-external-action-button {
|
||||
min-height: 2.75rem;
|
||||
min-height: 2.85rem;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 1.25rem !important;
|
||||
border-radius: 1.35rem !important;
|
||||
background: rgba(255, 255, 255, 0.06) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
padding-inline: 1.15rem !important;
|
||||
padding-inline: 1.25rem !important;
|
||||
}
|
||||
|
||||
.nodedc-external-action-button:hover {
|
||||
@@ -1128,17 +1134,23 @@
|
||||
}
|
||||
|
||||
.nodedc-external-primary-button {
|
||||
min-height: 2.75rem;
|
||||
min-height: 2.85rem;
|
||||
min-width: 13rem;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 1.25rem !important;
|
||||
border-radius: 1.35rem !important;
|
||||
background: rgb(var(--nodedc-card-active-rgb)) !important;
|
||||
color: #0b1117 !important;
|
||||
padding-inline: 1.45rem !important;
|
||||
padding-inline: 1.6rem !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-primary-button,
|
||||
.nodedc-external-primary-button * {
|
||||
color: #0b1117 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-primary-button:hover {
|
||||
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
|
||||
color: #0b1117 !important;
|
||||
@@ -1159,16 +1171,14 @@
|
||||
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);
|
||||
border-radius: 0;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-empty-media svg {
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.22);
|
||||
}
|
||||
|
||||
@@ -1189,10 +1199,20 @@
|
||||
padding: 0.65rem 0.95rem !important;
|
||||
}
|
||||
|
||||
.nodedc-external-readonly-value.nodedc-external-readonly-plain {
|
||||
min-height: 0;
|
||||
border-radius: 0 !important;
|
||||
background: transparent !important;
|
||||
padding: 0 !important;
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
}
|
||||
|
||||
.nodedc-external-property-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
position: relative;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
|
||||
@@ -1217,37 +1237,134 @@
|
||||
|
||||
.nodedc-external-property-value {
|
||||
display: flex;
|
||||
min-height: 2.5rem;
|
||||
min-height: 0;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0.6rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
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;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-property-control {
|
||||
display: flex;
|
||||
min-height: 2.5rem;
|
||||
min-height: 0;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0.6rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
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;
|
||||
padding: 0 !important;
|
||||
transition: background 160ms ease;
|
||||
}
|
||||
|
||||
.nodedc-external-property-control-shell {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
background: transparent !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-property-control-shell:hover,
|
||||
.nodedc-external-property-control-shell:focus,
|
||||
.nodedc-external-property-control-shell:focus-visible,
|
||||
.nodedc-external-property-control-shell:focus-within {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.nodedc-external-property-control:hover,
|
||||
.nodedc-external-property-control:focus-within {
|
||||
background: rgba(255, 255, 255, 0.04) !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.nodedc-external-popup-anchor {
|
||||
z-index: 760 !important;
|
||||
}
|
||||
|
||||
.nodedc-external-detail-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.nodedc-external-toolbar-cluster {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0;
|
||||
border-radius: 999px;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.nodedc-external-priority-inline {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.375rem;
|
||||
color: var(--text-color-secondary) !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.nodedc-attachment-upload {
|
||||
min-height: 4.5rem;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow:
|
||||
inset 0 0 0 1px rgba(var(--nodedc-accent-rgb), 0.18),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.018),
|
||||
0 10px 28px rgba(0, 0, 0, 0.08) !important;
|
||||
border-radius: 1.35rem !important;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.012) 100%),
|
||||
rgba(255, 255, 255, 0.025) !important;
|
||||
color: var(--text-color-secondary) !important;
|
||||
transition:
|
||||
background 180ms ease,
|
||||
color 180ms ease,
|
||||
box-shadow 180ms ease;
|
||||
}
|
||||
|
||||
.nodedc-attachment-upload:hover,
|
||||
.nodedc-attachment-upload[data-drag-active="true"] {
|
||||
box-shadow:
|
||||
inset 0 0 0 1px rgba(var(--nodedc-accent-rgb), 0.32),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.018),
|
||||
0 10px 28px rgba(0, 0, 0, 0.08) !important;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.038) 0%, rgba(255, 255, 255, 0.014) 100%),
|
||||
rgba(255, 255, 255, 0.035) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
}
|
||||
|
||||
.nodedc-attachment-upload[data-drag-reject="true"] {
|
||||
box-shadow:
|
||||
inset 0 0 0 1px rgba(var(--nodedc-accent-rgb), 0.4),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.018),
|
||||
0 10px 28px rgba(0, 0, 0, 0.08) !important;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
|
||||
rgba(255, 255, 255, 0.03) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user