UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: верхняя панель, rich filters и runtime-fix DEBUG=release
This commit is contained in:
DCCONSTRUCTIONS
@@ -27,6 +27,9 @@
|
||||
--editor-colors-light-blue-background: #c5eff9;
|
||||
--editor-colors-dark-blue-background: #c9dafb;
|
||||
--editor-colors-purple-background: #e3d8fd;
|
||||
--nodedc-accent-rgb: 51 163 255;
|
||||
--nodedc-card-passive-rgb: 42 43 46;
|
||||
--nodedc-card-active-rgb: 195 255 102;
|
||||
/* end background colors */
|
||||
}
|
||||
/* background colors */
|
||||
@@ -354,6 +357,169 @@
|
||||
@apply bg-white/6;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-group {
|
||||
background: rgba(8, 8, 11, 0.92);
|
||||
border-radius: 999px;
|
||||
padding: 0.25rem;
|
||||
border: 0 !important;
|
||||
box-shadow: none !important;
|
||||
isolation: isolate;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-icon-button {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
transition:
|
||||
color 160ms ease,
|
||||
background-color 160ms ease,
|
||||
transform 160ms ease;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-icon-button:hover {
|
||||
background: rgba(255, 255, 255, 0.05) !important;
|
||||
color: rgba(255, 255, 255, 0.94);
|
||||
}
|
||||
|
||||
.nodedc-toolbar-icon-button[data-active="true"] {
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.98);
|
||||
}
|
||||
|
||||
.nodedc-toolbar-icon-active-dot {
|
||||
display: grid;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
place-items: center;
|
||||
border-radius: 999px;
|
||||
transition:
|
||||
background-color 160ms ease,
|
||||
color 160ms ease;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-icon-button[data-active="true"] .nodedc-toolbar-icon-active-dot {
|
||||
background: rgb(var(--nodedc-accent-rgb));
|
||||
color: #0b1117;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-pill {
|
||||
position: relative;
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
isolation: isolate;
|
||||
overflow: hidden;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
min-height: 2.5rem;
|
||||
padding-inline: 1rem;
|
||||
background: rgba(18, 18, 22, 0.94) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
transition:
|
||||
background-color 160ms ease,
|
||||
color 160ms ease,
|
||||
transform 160ms ease;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-pill:hover {
|
||||
background: rgba(24, 24, 29, 0.96) !important;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-pill[data-active="true"] {
|
||||
color: rgb(var(--nodedc-accent-rgb)) !important;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-primary {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
min-height: 2.5rem;
|
||||
padding-inline: 1rem;
|
||||
background: rgb(var(--nodedc-accent-rgb)) !important;
|
||||
color: #0b1117 !important;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-primary:hover {
|
||||
background: rgba(var(--nodedc-accent-rgb), 0.92) !important;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-filter-toggle {
|
||||
display: grid;
|
||||
height: 2.5rem !important;
|
||||
width: 2.5rem !important;
|
||||
place-items: center;
|
||||
flex-shrink: 0;
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.72) !important;
|
||||
transition: color 160ms ease;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-filter-toggle:hover,
|
||||
.nodedc-toolbar-filter-toggle:focus-visible {
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
|
||||
.nodedc-toolbar-filter-toggle[data-active="true"] {
|
||||
color: rgb(var(--nodedc-accent-rgb)) !important;
|
||||
}
|
||||
|
||||
.nodedc-filter-row-shell {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%),
|
||||
rgba(8, 8, 11, 0.84);
|
||||
border: 0 !important;
|
||||
border-radius: 1.35rem !important;
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.nodedc-top-toolbar-cluster > * {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.nodedc-filter-chip {
|
||||
border: 0 !important;
|
||||
border-radius: 999px !important;
|
||||
background: rgba(255, 255, 255, 0.045) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
-webkit-backdrop-filter: blur(18px);
|
||||
backdrop-filter: blur(18px);
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.nodedc-filter-chip-separator {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.nodedc-filter-clear-button {
|
||||
border: 0 !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 999px !important;
|
||||
background: rgba(255, 255, 255, 0.05) !important;
|
||||
color: var(--text-color-primary) !important;
|
||||
}
|
||||
|
||||
.nodedc-filter-clear-button:hover {
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
}
|
||||
|
||||
.nodedc-calendar-shell {
|
||||
@apply rounded-[1.1rem] border-0 bg-transparent p-1 shadow-none outline-none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user