Files
lcbp3.np-dms.work/n8n-cache/n8n/public/assets/DataStoreDetailsView-DSpK3R_L.css
2025-09-21 20:29:15 +07:00

1126 lines
24 KiB
CSS
Executable File

/* 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
-------------------------- */
._data-store-breadcrumbs_12h50_123 {
display: flex;
align-items: end;
}
._data-store-actions_12h50_128 {
position: relative;
}
._separator_12h50_132 {
font-size: var(--font-size-xl);
color: var(--color-foreground-base);
padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
}
._breadcrumb-current_12h50_138 {
color: var(--color-text-dark);
font-size: var(--font-size-s);
padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
}/* 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
-------------------------- */
.data-store-column-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
cursor: default;
}
.data-store-column-header-wrapper.sortable {
cursor: pointer;
}
.data-store-column-header-action-item {
justify-content: flex-start;
gap: var(--spacing-xs);
}
.data-store-column-header-icon-wrapper {
flex: 1;
display: flex;
align-items: center;
gap: var(--spacing-2xs);
min-width: 0;
}
.data-store-column-header-icon-wrapper .n8n-icon {
flex-shrink: 0;
}
.ag-header-cell-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.sort-indicator {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}
.sort-indicator .sort-icon-active {
font-size: var(--font-size-2xs);
line-height: 1;
color: var(--color-text-base);
font-weight: var(--font-weight-bold);
}/* 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
-------------------------- */
.add-ds-column-header-popover-content {
display: flex;
flex-direction: column;
width: 300px;
}
.add-ds-column-header-popover-content .popover-header {
padding: var(--spacing-2xs);
border-bottom: var(--border-base);
}
.add-ds-column-header-popover-content .popover-body {
padding: var(--spacing-xs);
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
}
.add-ds-column-header-popover-content .error-message {
display: flex;
align-items: center;
gap: var(--spacing-4xs);
color: var(--color-text-danger);
}
.add-ds-column-header-popover-content .error-tooltip {
cursor: pointer;
}
.add-column-option-content {
display: flex;
align-items: center;
gap: var(--spacing-xs);
}/* 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
-------------------------- */
.n8n-empty-value {
font-style: italic;
color: var(--color-text-base);
}/* 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
-------------------------- */
.datastore-datepicker-wrapper {
border-radius: var(--border-radius-base);
}
.datastore-datepicker-wrapper .el-input__prefix {
display: none;
}
.datastore-datepicker-wrapper .el-input__suffix {
display: flex;
flex-direction: column;
justify-content: center;
color: var(--color-foreground-dark);
}
.datastore-datepicker-wrapper .el-input__inner {
border: none !important;
padding-left: var(--ag-input-padding-start);
}
.datastore-datepicker-wrapper:where(:focus-within, :active) {
box-shadow: none;
border: var(--grid-cell-editing-border);
}/* 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
-------------------------- */
._wrapper_1bnk4_123 {
display: flex;
flex-direction: column;
gap: var(--spacing-m);
align-items: center;
}
._grid-container_1bnk4_130 {
position: relative;
display: flex;
width: 100%;
--ag-foreground-color: var(--color-text-base);
--ag-cell-text-color: var(--color-text-dark);
--ag-accent-color: var(--p-color-secondary-470);
--ag-row-hover-color: var(--color-background-light-base);
--ag-background-color: var(--color-background-xlight);
--ag-border-color: var(--border-color-base);
--ag-border-radius: var(--border-radius-base);
--ag-wrapper-border-radius: 0;
--ag-font-family: var(--font-family);
--ag-font-size: var(--font-size-xs);
--ag-font-color: var(--color-text-base);
--ag-row-height: calc(var(--ag-grid-size) * 0.8 + 32px);
--ag-header-background-color: var(--color-background-light-base);
--ag-header-font-size: var(--font-size-xs);
--ag-header-font-weight: var(--font-weight-medium);
--ag-header-foreground-color: var(--color-text-dark);
--ag-cell-horizontal-padding: var(--spacing-2xs);
--ag-header-height: calc(var(--ag-grid-size) * 0.8 + 32px);
--ag-header-column-border-height: 100%;
--ag-range-selection-border-color: var(--p-color-secondary-470);
--ag-input-padding-start: var(--spacing-2xs);
--ag-input-background-color: var(--color-text-xlight);
--ag-focus-shadow: none;
}
._grid-container_1bnk4_130 .ag-cell {
display: flex;
align-items: center;
}
._grid-container_1bnk4_130 .ag-header-cell-resize {
width: var(--spacing-xs);
right: -7px;
}
._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
border: none;
padding-left: var(--spacing-l);
}
._grid-container_1bnk4_130 .ag-header-cell[col-id="ag-Grid-SelectionColumn"] {
padding-left: var(--spacing-l);
}
._grid-container_1bnk4_130 .ag-header-cell[col-id="ag-Grid-SelectionColumn"]:after {
display: none;
}
._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"].ag-cell-focus {
outline: none;
}
._grid-container_1bnk4_130 .ag-root-wrapper {
border-left: none;
}
._grid-container_1bnk4_130 .id-column {
color: var(--color-text-light);
justify-content: center;
}
._grid-container_1bnk4_130 .ag-header-cell[col-id="id"] {
text-align: center;
}
._grid-container_1bnk4_130 .add-row-cell {
border: none !important;
background-color: transparent !important;
}
._grid-container_1bnk4_130 .ag-header-cell[col-id="add-column"]:after {
display: none;
}
._grid-container_1bnk4_130 .ag-cell-value[col-id="add-column"],
._grid-container_1bnk4_130 .ag-cell-value[col-id="id"],
._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
border: none;
background-color: transparent;
}
._grid-container_1bnk4_130 .ag-cell-value[col-id="id"] {
border-right: 1px solid var(--ag-border-color);
}
._grid-container_1bnk4_130 .ag-large-text-input {
position: absolute;
min-width: 420px;
padding: 0;
}
._grid-container_1bnk4_130 .ag-large-text-input textarea {
padding-top: var(--spacing-xs);
}
._grid-container_1bnk4_130 .ag-large-text-input textarea:where(:focus-within, :active) {
border: var(--grid-cell-editing-border);
}
._grid-container_1bnk4_130 .ag-center-cols-viewport {
min-height: auto;
}
._grid-container_1bnk4_130 .ag-checkbox-input-wrapper:where(:focus-within, :active) {
box-shadow: none;
}
._grid-container_1bnk4_130 .ag-cell-inline-editing {
box-shadow: none;
}
._grid-container_1bnk4_130 .ag-cell-inline-editing.boolean-cell {
border: var(--grid-cell-editing-border) !important;
}
._grid-container_1bnk4_130 .ag-cell-inline-editing.boolean-cell.ag-cell-focus {
background-color: var(--grid-cell-active-background);
}
._grid-container_1bnk4_130 .ag-cell-focus {
background-color: var(--grid-row-selected-background);
}
._grid-container_1bnk4_130._has-records_1bnk4_234 .ag-floating-bottom {
border-top: var(--border-width-base) var(--border-style-base) var(--ag-border-color);
}
._grid-container_1bnk4_130 .ag-row[row-id="__n8n_add_row__"] {
border-bottom: none;
}
._footer_1bnk4_241 {
display: flex;
width: 100%;
justify-content: flex-end;
margin-bottom: var(--spacing-l);
padding-right: var(--spacing-xl);
}
._footer_1bnk4_241 .el-pagination__sizes {
height: 100%;
position: relative;
top: -1px;
}
._footer_1bnk4_241 .el-pagination__sizes input {
height: 100%;
min-height: 28px;
}
._footer_1bnk4_241 .el-pagination__sizes .el-input__suffix {
width: var(--spacing-m);
}/* 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
-------------------------- */
._data-store-details-view_a2zz6_123 {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
box-sizing: border-box;
align-content: start;
}
._header-loading_a2zz6_132 div {
height: 2em;
}
._header_a2zz6_132 {
display: flex;
gap: var(--spacing-l);
align-items: center;
}
._header_a2zz6_132,
._header-loading_a2zz6_132 {
padding: var(--spacing-s);
}
._saving_a2zz6_147 {
display: flex;
align-items: center;
gap: var(--spacing-3xs);
margin-top: var(--spacing-5xs);
}
._actions_a2zz6_154 {
display: flex;
gap: var(--spacing-3xs);
margin-left: auto;
}