n8n-editor-ui
Version:
Workflow Editor UI for n8n
676 lines • 16.6 kB
CSS
/* BEM support Func
-------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
._WorkflowExecutionsCard_19371_123 {
--execution-list-item--color--background: var(--execution-card--color--background);
--execution-list-item--color--background--highlight: var(--color--warning--tint-1);
display: flex;
flex-direction: column;
padding-right: var(--spacing--md);
}
._WorkflowExecutionsCard_19371_123._active_19371_130 {
border-left: var(--spacing--4xs) var(--border-style) transparent ;
}
._WorkflowExecutionsCard_19371_123._active_19371_130 ._executionStatus_19371_133 {
color: var(--color--text--shade-1) ;
}
._WorkflowExecutionsCard_19371_123:hover ._executionLink_19371_136, ._WorkflowExecutionsCard_19371_123._active_19371_130 ._executionLink_19371_136 {
--execution-list-item--color--background: var(--execution-card--color--background--hover);
}
._WorkflowExecutionsCard_19371_123._new_19371_139 ._spinner_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._spinner_19371_139 {
position: relative;
top: 1px;
}
._WorkflowExecutionsCard_19371_123._new_19371_139, ._WorkflowExecutionsCard_19371_123._new_19371_139 ._executionLink_19371_136, ._WorkflowExecutionsCard_19371_123._running_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--running);
}
._WorkflowExecutionsCard_19371_123._new_19371_139 ._statusLabel_19371_146,
._WorkflowExecutionsCard_19371_123._new_19371_139 ._spinner_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._statusLabel_19371_146,
._WorkflowExecutionsCard_19371_123._running_19371_139 ._spinner_19371_139 {
color: var(--color--warning);
}
._WorkflowExecutionsCard_19371_123._success_19371_151, ._WorkflowExecutionsCard_19371_123._success_19371_151 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--success);
}
._WorkflowExecutionsCard_19371_123._new_19371_139, ._WorkflowExecutionsCard_19371_123._new_19371_139 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--waiting);
}
._WorkflowExecutionsCard_19371_123._new_19371_139 ._statusLabel_19371_146 {
color: var(--execution-card--color--text--waiting);
}
._WorkflowExecutionsCard_19371_123._waiting_19371_160, ._WorkflowExecutionsCard_19371_123._waiting_19371_160 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--waiting);
}
._WorkflowExecutionsCard_19371_123._waiting_19371_160 ._statusLabel_19371_146 {
color: var(--color--secondary);
}
._WorkflowExecutionsCard_19371_123._error_19371_166, ._WorkflowExecutionsCard_19371_123._error_19371_166 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--error);
}
._WorkflowExecutionsCard_19371_123._error_19371_166 ._statusLabel_19371_146 {
color: var(--color--danger);
}
._WorkflowExecutionsCard_19371_123._unknown_19371_172, ._WorkflowExecutionsCard_19371_123._unknown_19371_172 ._executionLink_19371_136 {
border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--unknown);
}
._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 {
display: flex;
flex-direction: row;
gap: var(--spacing--3xs);
align-items: center;
margin: var(--spacing--4xs) 0 0;
}
._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 ._ratingIcon_19371_182 ._up_19371_182 {
color: var(--color--success);
}
._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 ._ratingIcon_19371_182 ._down_19371_185 {
color: var(--color--danger);
}
._executionLink_19371_136 {
background: var(--execution-list-item--color--background);
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
color: var(--color--text);
font-size: var(--font-size--xs);
padding: var(--spacing--xs);
padding-right: var(--spacing--sm);
position: relative;
left: calc(-1 * var(--spacing--4xs));
}
._executionLink_19371_136:active ._icon_19371_202,
._executionLink_19371_136:active ._statusLabel_19371_146 {
color: var(--color--text);
}
._icons_19371_207 {
display: flex;
align-items: center;
}
._icon_19371_202 {
font-size: var(--font-size--sm);
}
._icon_19371_202._retry_19371_215 svg {
color: var(--color--primary);
}
._icon_19371_202._manual_19371_218 {
position: relative;
top: 1px;
}
._icon_19371_202 + ._icon_19371_202 {
margin-left: var(--spacing--2xs);
}
._showGap_19371_226 {
margin-bottom: var(--spacing--2xs);
}
._showGap_19371_226 ._executionLink_19371_136 {
border-bottom: 1px solid var(--color--foreground--shade-1);
}/* BEM support Func
-------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
._container_tglte_123 {
flex: 310px 0 0;
background-color: var(--color--background--light-3);
border-right: var(--border);
padding: var(--spacing--lg) 0 var(--spacing--lg) var(--spacing--lg);
z-index: 1;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
._heading_tglte_135 {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: var(--spacing--md);
}
._controls_tglte_142 {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: var(--spacing--sm);
padding-right: var(--spacing--md);
}
._controls_tglte_142 button {
display: flex;
align-items: center;
}
._executionList_tglte_154 {
flex: 1;
overflow: auto;
margin-bottom: var(--spacing--md);
background-color: var(--color--background--light-3) ;
}
._executionList_tglte_154::before {
position: absolute;
display: block;
width: 270px;
height: 6px;
background: linear-gradient(to bottom, rgb(251, 251, 251) 0%, rgba(251, 251, 251, 0) 100%);
z-index: 999;
}
._executionList_tglte_154 > div:first-child {
margin-top: 3px;
}
._infoAccordion_tglte_172 {
position: absolute;
bottom: 0;
margin-left: calc(-1 * var(--spacing--lg));
border-top: var(--border);
width: 100%;
}
._infoAccordion_tglte_172 > div {
width: 100%;
background-color: var(--color--background--light-2);
margin-top: 0 ;
}
._noResultsContainer_tglte_185 {
width: 100%;
margin-top: var(--spacing--2xl);
text-align: center;
}/* BEM support Func
-------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
.executions-sidebar[data-v-8885c645] .el-skeleton__item {
height: 60px;
border-radius: 0;
}
[data-v-8885c645] .el-checkbox {
display: flex;
align-items: center;
}/* BEM support Func
-------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
._container_udnba_123 {
display: flex;
height: 100%;
width: 100%;
}
._content_udnba_129 {
flex: 1;
}
@media screen and (max-width: 991px) {
._container_udnba_123 {
flex-direction: column;
}
._content_udnba_129 {
flex: 1 1 50%;
}
}