645 lines
31 KiB
CSS
645 lines
31 KiB
CSS
.ag-theme-material,
|
|
.ag-theme-material-dark,
|
|
.ag-theme-material-auto-dark {
|
|
--ag-material-primary-color: #3f51b5;
|
|
--ag-material-accent-color: #ff4081;
|
|
--ag-foreground-color: rgba(0, 0, 0, 0.87);
|
|
--ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
|
|
--ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
|
|
--ag-background-color: #fff;
|
|
--ag-header-background-color: #fff;
|
|
--ag-tooltip-background-color: #fff;
|
|
--ag-subheader-background-color: #eee;
|
|
--ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);
|
|
--ag-header-cell-hover-background-color: #f2f2f2;
|
|
--ag-chip-background-color: #e2e2e2;
|
|
--ag-range-selection-background-color: rgba(122, 134, 203, 0.1);
|
|
--ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);
|
|
--ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);
|
|
--ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);
|
|
--ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);
|
|
--ag-range-selection-highlight-color: #fce4ec;
|
|
--ag-row-hover-color: #fafafa;
|
|
--ag-column-hover-color: #fafafa;
|
|
--ag-control-panel-background-color: #fafafa;
|
|
--ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
|
|
--ag-checkbox-unchecked-color: #333;
|
|
--ag-value-change-value-highlight-background-color: #00acc1;
|
|
--ag-side-button-selected-background-color: transparent;
|
|
--ag-advanced-filter-join-pill-color: #f08e8d;
|
|
--ag-advanced-filter-column-pill-color: #a6e194;
|
|
--ag-advanced-filter-option-pill-color: #f3c08b;
|
|
--ag-advanced-filter-value-pill-color: #85c0e4;
|
|
--ag-find-match-color: var(--ag-foreground-color);
|
|
--ag-find-match-background-color: #ffff00;
|
|
--ag-find-active-match-color: var(--ag-foreground-color);
|
|
--ag-find-active-match-background-color: #ffa500;
|
|
--ag-filter-panel-apply-button-color: var(--ag-material-primary-color);
|
|
--ag-filter-panel-apply-button-background-color: transparent;
|
|
--ag-column-panel-apply-button-color: var(--ag-material-primary-color);
|
|
--ag-column-panel-apply-button-background-color: transparent;
|
|
--ag-range-selection-border-color: var(--ag-material-primary-color);
|
|
--ag-checkbox-checked-color: var(--ag-material-accent-color);
|
|
--ag-borders: none;
|
|
--ag-borders-critical: solid 1px;
|
|
--ag-border-color: #e2e2e2;
|
|
--ag-grid-size: 8px;
|
|
--ag-icon-size: 18px;
|
|
--ag-header-height: calc(var(--ag-grid-size) * 7);
|
|
--ag-row-height: calc(var(--ag-grid-size) * 6);
|
|
--ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
|
|
--ag-list-item-height: calc(var(--ag-grid-size) * 4);
|
|
--ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
|
|
--ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);
|
|
--ag-checkbox-border-radius: 2px;
|
|
--ag-toggle-button-switch-border-width: 2px;
|
|
--ag-toggle-button-height: var(--ag-icon-size);
|
|
--ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
|
|
--ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
|
|
--ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);
|
|
--ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell,
|
|
"Helvetica Neue", sans-serif;
|
|
--ag-font-size: 13px;
|
|
--ag-icon-font-family: agGridMaterial;
|
|
--ag-selected-tab-underline-color: var(--ag-material-primary-color);
|
|
--ag-selected-tab-underline-width: 2px;
|
|
--ag-input-focus-border-color: var(--ag-material-primary-color);
|
|
--ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
|
|
--ag-input-error-focus-box-shadow: 0 0 0 5px
|
|
color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
|
|
--ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
|
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
--ag-card-radius: 2px;
|
|
--ag-invalid-color: #e02525;
|
|
}
|
|
|
|
.ag-theme-material-dark {
|
|
--ag-material-primary-color: #3f51b5;
|
|
--ag-material-accent-color: #bb86fcff;
|
|
--ag-range-selection-border-color: var(--ag-material-accent-color);
|
|
--ag-find-match-color: var(--ag-background-color);
|
|
--ag-find-active-match-color: var(--ag-background-color);
|
|
--ag-background-color: #121212ff;
|
|
--ag-foreground-color: #ffffffff;
|
|
--ag-data-color: #f5f5f5ff;
|
|
--ag-header-cell-hover-background-color: #000000ff;
|
|
--ag-advanced-filter-join-pill-color: #7a3a37ff;
|
|
--ag-advanced-filter-column-pill-color: #355f2dff;
|
|
--ag-advanced-filter-option-pill-color: #5a3168ff;
|
|
--ag-advanced-filter-value-pill-color: #374c86ff;
|
|
--ag-input-disabled-border-color: #3a434eff;
|
|
--ag-input-disabled-background-color: #68686e12;
|
|
--ag-selected-row-background-color: #bb86fc33;
|
|
--ag-row-hover-color: #bb86fc33;
|
|
--ag-column-hover-color: #f5f5f50d;
|
|
--ag-range-selection-background-color: #bb86fc1a;
|
|
--ag-range-selection-background-color-2: #bb86fc30;
|
|
--ag-range-selection-background-color-3: #bb86fc45;
|
|
--ag-range-selection-background-color-4: #bb86fc57;
|
|
--ag-border-color: #383838ff;
|
|
--ag-secondary-border-color: #383838ff;
|
|
--ag-header-background-color: #121212ff;
|
|
--ag-tooltip-background-color: #212b38ff;
|
|
--ag-odd-row-background-color: #121212ff;
|
|
--ag-control-panel-background-color: #2c2c2cff;
|
|
--ag-subheader-background-color: #ffffff0d;
|
|
--ag-subheader-toolbar-background-color: #2c2c2cff;
|
|
--ag-invalid-color: #e02525ff;
|
|
--ag-checkbox-unchecked-color: #797e87ff;
|
|
--ag-checkbox-background-color: #121212ff;
|
|
--ag-secondary-foreground-color: #f5f5f5ff;
|
|
--ag-input-border-color: #383838ff;
|
|
--ag-input-border-color-invalid: #e02525ff;
|
|
--ag-disabled-foreground-color: #f5f5f580;
|
|
--ag-chip-background-color: #22262812;
|
|
--ag-side-button-selected-background-color: #2c2c2cff;
|
|
--ag-selected-tab-underline-color: #3f51b5ff;
|
|
--ag-modal-overlay-background-color: #121212a8;
|
|
--ag-value-change-delta-up-color: #43a047a8;
|
|
--ag-value-change-delta-down-color: #e53935ff;
|
|
--ag-menu-background-color: #2c2c2cff;
|
|
--ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
|
|
--ag-cell-batch-edit-text-color: #f3d0b3;
|
|
--ag-formula-token-1-color: #4da3e5;
|
|
--ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
|
|
--ag-formula-token-2-color: #f55864;
|
|
--ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
|
|
--ag-formula-token-3-color: #b688f2;
|
|
--ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
|
|
--ag-formula-token-4-color: #24bb4a;
|
|
--ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
|
|
--ag-formula-token-5-color: #e772ba;
|
|
--ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
|
|
--ag-formula-token-6-color: #f69b5f;
|
|
--ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
|
|
--ag-formula-token-7-color: #a3e6ff;
|
|
--ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.ag-theme-material-auto-dark {
|
|
--ag-material-primary-color: #3f51b5;
|
|
--ag-material-accent-color: #bb86fcff;
|
|
--ag-range-selection-border-color: var(--ag-material-accent-color);
|
|
--ag-find-match-color: var(--ag-background-color);
|
|
--ag-find-active-match-color: var(--ag-background-color);
|
|
--ag-background-color: #121212ff;
|
|
--ag-foreground-color: #ffffffff;
|
|
--ag-data-color: #f5f5f5ff;
|
|
--ag-header-cell-hover-background-color: #000000ff;
|
|
--ag-advanced-filter-join-pill-color: #7a3a37ff;
|
|
--ag-advanced-filter-column-pill-color: #355f2dff;
|
|
--ag-advanced-filter-option-pill-color: #5a3168ff;
|
|
--ag-advanced-filter-value-pill-color: #374c86ff;
|
|
--ag-input-disabled-border-color: #3a434eff;
|
|
--ag-input-disabled-background-color: #68686e12;
|
|
--ag-selected-row-background-color: #bb86fc33;
|
|
--ag-row-hover-color: #bb86fc33;
|
|
--ag-column-hover-color: #f5f5f50d;
|
|
--ag-range-selection-background-color: #bb86fc1a;
|
|
--ag-range-selection-background-color-2: #bb86fc30;
|
|
--ag-range-selection-background-color-3: #bb86fc45;
|
|
--ag-range-selection-background-color-4: #bb86fc57;
|
|
--ag-border-color: #383838ff;
|
|
--ag-secondary-border-color: #383838ff;
|
|
--ag-header-background-color: #121212ff;
|
|
--ag-tooltip-background-color: #212b38ff;
|
|
--ag-odd-row-background-color: #121212ff;
|
|
--ag-control-panel-background-color: #2c2c2cff;
|
|
--ag-subheader-background-color: #ffffff0d;
|
|
--ag-subheader-toolbar-background-color: #2c2c2cff;
|
|
--ag-invalid-color: #e02525ff;
|
|
--ag-checkbox-unchecked-color: #797e87ff;
|
|
--ag-checkbox-background-color: #121212ff;
|
|
--ag-secondary-foreground-color: #f5f5f5ff;
|
|
--ag-input-border-color: #383838ff;
|
|
--ag-input-border-color-invalid: #e02525ff;
|
|
--ag-disabled-foreground-color: #f5f5f580;
|
|
--ag-chip-background-color: #22262812;
|
|
--ag-side-button-selected-background-color: #2c2c2cff;
|
|
--ag-selected-tab-underline-color: #3f51b5ff;
|
|
--ag-modal-overlay-background-color: #121212a8;
|
|
--ag-value-change-delta-up-color: #43a047a8;
|
|
--ag-value-change-delta-down-color: #e53935ff;
|
|
--ag-menu-background-color: #2c2c2cff;
|
|
--ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
|
|
--ag-cell-batch-edit-text-color: #f3d0b3;
|
|
--ag-formula-token-1-color: #4da3e5;
|
|
--ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
|
|
--ag-formula-token-2-color: #f55864;
|
|
--ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
|
|
--ag-formula-token-3-color: #b688f2;
|
|
--ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
|
|
--ag-formula-token-4-color: #24bb4a;
|
|
--ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
|
|
--ag-formula-token-5-color: #e772ba;
|
|
--ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
|
|
--ag-formula-token-6-color: #f69b5f;
|
|
--ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
|
|
--ag-formula-token-7-color: #a3e6ff;
|
|
--ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
.ag-theme-material .ag-filter-toolpanel-header,
|
|
.ag-theme-material .ag-filter-toolpanel-search,
|
|
.ag-theme-material .ag-status-bar,
|
|
.ag-theme-material .ag-header-row,
|
|
.ag-theme-material .ag-row-number-cell,
|
|
.ag-theme-material .ag-panel-title-bar-title,
|
|
.ag-theme-material .ag-multi-filter-group-title-bar,
|
|
.ag-theme-material-dark .ag-filter-toolpanel-header,
|
|
.ag-theme-material-dark .ag-filter-toolpanel-search,
|
|
.ag-theme-material-dark .ag-status-bar,
|
|
.ag-theme-material-dark .ag-header-row,
|
|
.ag-theme-material-dark .ag-row-number-cell,
|
|
.ag-theme-material-dark .ag-panel-title-bar-title,
|
|
.ag-theme-material-dark .ag-multi-filter-group-title-bar,
|
|
.ag-theme-material-auto-dark .ag-filter-toolpanel-header,
|
|
.ag-theme-material-auto-dark .ag-filter-toolpanel-search,
|
|
.ag-theme-material-auto-dark .ag-status-bar,
|
|
.ag-theme-material-auto-dark .ag-header-row,
|
|
.ag-theme-material-auto-dark .ag-row-number-cell,
|
|
.ag-theme-material-auto-dark .ag-panel-title-bar-title,
|
|
.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {
|
|
font-size: calc(var(--ag-font-size) - 1px);
|
|
font-weight: 600;
|
|
color: var(--ag-header-foreground-color);
|
|
}
|
|
.ag-theme-material .ag-tab,
|
|
.ag-theme-material-dark .ag-tab,
|
|
.ag-theme-material-auto-dark .ag-tab {
|
|
height: calc(var(--ag-grid-size) * 4.5);
|
|
flex: 1 1 auto;
|
|
}
|
|
.ag-theme-material .ag-tabs-header,
|
|
.ag-theme-material .ag-column-drop-horizontal,
|
|
.ag-theme-material-dark .ag-tabs-header,
|
|
.ag-theme-material-dark .ag-column-drop-horizontal,
|
|
.ag-theme-material-auto-dark .ag-tabs-header,
|
|
.ag-theme-material-auto-dark .ag-column-drop-horizontal {
|
|
background-color: var(--ag-subheader-background-color);
|
|
}
|
|
.ag-theme-material .ag-tabs-body,
|
|
.ag-theme-material-dark .ag-tabs-body,
|
|
.ag-theme-material-auto-dark .ag-tabs-body {
|
|
padding: calc(var(--ag-grid-size) * 0.5) 0;
|
|
}
|
|
.ag-theme-material .ag-tabs-body .ag-menu-list,
|
|
.ag-theme-material-dark .ag-tabs-body .ag-menu-list,
|
|
.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.ag-theme-material .ag-header-cell,
|
|
.ag-theme-material .ag-header-group-cell,
|
|
.ag-theme-material-dark .ag-header-cell,
|
|
.ag-theme-material-dark .ag-header-group-cell,
|
|
.ag-theme-material-auto-dark .ag-header-cell,
|
|
.ag-theme-material-auto-dark .ag-header-group-cell {
|
|
transition: background-color 0.5s;
|
|
}
|
|
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
|
|
.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
|
|
.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
|
|
bottom: 0;
|
|
}
|
|
.ag-theme-material .ag-cell-inline-editing,
|
|
.ag-theme-material-dark .ag-cell-inline-editing,
|
|
.ag-theme-material-auto-dark .ag-cell-inline-editing {
|
|
padding: var(--ag-grid-size);
|
|
height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);
|
|
border-color: var(--ag-border-color) !important;
|
|
}
|
|
.ag-theme-material .ag-has-focus .ag-cell-inline-editing,
|
|
.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,
|
|
.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {
|
|
border-color: var(--ag-input-focus-border-color) !important;
|
|
}
|
|
.ag-theme-material .ag-column-drop-vertical,
|
|
.ag-theme-material-dark .ag-column-drop-vertical,
|
|
.ag-theme-material-auto-dark .ag-column-drop-vertical {
|
|
border-bottom: solid 1px;
|
|
border-bottom-color: var(--ag-border-color);
|
|
padding-top: var(--ag-grid-size);
|
|
}
|
|
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,
|
|
.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,
|
|
.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {
|
|
border-bottom: none;
|
|
}
|
|
.ag-theme-material .ag-column-drop-vertical-cell,
|
|
.ag-theme-material-dark .ag-column-drop-vertical-cell,
|
|
.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {
|
|
margin-left: 0;
|
|
}
|
|
.ag-theme-material .ag-column-drop-vertical-empty-message,
|
|
.ag-theme-material-dark .ag-column-drop-vertical-empty-message,
|
|
.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {
|
|
font-size: calc(var(--ag-font-size) - 1px);
|
|
font-weight: 600;
|
|
color: var(--ag-disabled-foreground-color);
|
|
}
|
|
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {
|
|
padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
|
|
padding-right: var(--ag-grid-size);
|
|
}
|
|
|
|
.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {
|
|
padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
|
|
padding-left: var(--ag-grid-size);
|
|
}
|
|
|
|
.ag-theme-material .ag-status-bar,
|
|
.ag-theme-material-dark .ag-status-bar,
|
|
.ag-theme-material-auto-dark .ag-status-bar {
|
|
border: solid 1px;
|
|
border-color: var(--ag-border-color);
|
|
}
|
|
.ag-theme-material .ag-column-panel-column-select,
|
|
.ag-theme-material-dark .ag-column-panel-column-select,
|
|
.ag-theme-material-auto-dark .ag-column-panel-column-select {
|
|
border-top: solid 1px;
|
|
border-top-color: var(--ag-border-color);
|
|
}
|
|
.ag-theme-material .ag-column-select,
|
|
.ag-theme-material .ag-column-select-header,
|
|
.ag-theme-material-dark .ag-column-select,
|
|
.ag-theme-material-dark .ag-column-select-header,
|
|
.ag-theme-material-auto-dark .ag-column-select,
|
|
.ag-theme-material-auto-dark .ag-column-select-header {
|
|
border-bottom: solid 1px;
|
|
border-bottom-color: var(--ag-border-color);
|
|
}
|
|
.ag-theme-material .ag-column-select-header,
|
|
.ag-theme-material-dark .ag-column-select-header,
|
|
.ag-theme-material-auto-dark .ag-column-select-header {
|
|
height: var(--ag-header-height);
|
|
}
|
|
.ag-theme-material .ag-group-title-bar,
|
|
.ag-theme-material-dark .ag-group-title-bar,
|
|
.ag-theme-material-auto-dark .ag-group-title-bar {
|
|
padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);
|
|
}
|
|
.ag-theme-material .ag-charts-format-sub-level-group-title-bar,
|
|
.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,
|
|
.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {
|
|
padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);
|
|
}
|
|
.ag-theme-material .ag-chart-data-section,
|
|
.ag-theme-material .ag-chart-format-section,
|
|
.ag-theme-material .ag-chart-advanced-settings-section,
|
|
.ag-theme-material-dark .ag-chart-data-section,
|
|
.ag-theme-material-dark .ag-chart-format-section,
|
|
.ag-theme-material-dark .ag-chart-advanced-settings-section,
|
|
.ag-theme-material-auto-dark .ag-chart-data-section,
|
|
.ag-theme-material-auto-dark .ag-chart-format-section,
|
|
.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {
|
|
padding-bottom: calc(var(--ag-grid-size) * 0.5);
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type]),
|
|
.ag-theme-material input[class^=ag-][type=text],
|
|
.ag-theme-material input[class^=ag-][type=number],
|
|
.ag-theme-material input[class^=ag-][type=tel],
|
|
.ag-theme-material input[class^=ag-][type=date],
|
|
.ag-theme-material input[class^=ag-][type=datetime-local],
|
|
.ag-theme-material textarea[class^=ag-],
|
|
.ag-theme-material-dark input[class^=ag-]:not([type]),
|
|
.ag-theme-material-dark input[class^=ag-][type=text],
|
|
.ag-theme-material-dark input[class^=ag-][type=number],
|
|
.ag-theme-material-dark input[class^=ag-][type=tel],
|
|
.ag-theme-material-dark input[class^=ag-][type=date],
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local],
|
|
.ag-theme-material-dark textarea[class^=ag-],
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type]),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text],
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number],
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel],
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date],
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],
|
|
.ag-theme-material-auto-dark textarea[class^=ag-] {
|
|
background: transparent;
|
|
color: var(--ag-foreground-color);
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
padding-bottom: var(--ag-grid-size);
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
border-bottom: 2px solid;
|
|
border-bottom-color: var(--ag-border-color);
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type]):not(textarea),
|
|
.ag-theme-material input[class^=ag-][type=text]:not(textarea),
|
|
.ag-theme-material input[class^=ag-][type=number]:not(textarea),
|
|
.ag-theme-material input[class^=ag-][type=tel]:not(textarea),
|
|
.ag-theme-material input[class^=ag-][type=date]:not(textarea),
|
|
.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),
|
|
.ag-theme-material textarea[class^=ag-]:not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),
|
|
.ag-theme-material-dark textarea[class^=ag-]:not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),
|
|
.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {
|
|
height: calc(var(--ag-grid-size) * 5);
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type]):focus,
|
|
.ag-theme-material input[class^=ag-][type=text]:focus,
|
|
.ag-theme-material input[class^=ag-][type=number]:focus,
|
|
.ag-theme-material input[class^=ag-][type=tel]:focus,
|
|
.ag-theme-material input[class^=ag-][type=date]:focus,
|
|
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
|
|
.ag-theme-material textarea[class^=ag-]:focus,
|
|
.ag-theme-material-dark input[class^=ag-]:not([type]):focus,
|
|
.ag-theme-material-dark input[class^=ag-][type=text]:focus,
|
|
.ag-theme-material-dark input[class^=ag-][type=number]:focus,
|
|
.ag-theme-material-dark input[class^=ag-][type=tel]:focus,
|
|
.ag-theme-material-dark input[class^=ag-][type=date]:focus,
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,
|
|
.ag-theme-material-dark textarea[class^=ag-]:focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,
|
|
.ag-theme-material-auto-dark textarea[class^=ag-]:focus {
|
|
border-bottom: 2px solid;
|
|
border-bottom-color: var(--ag-material-primary-color);
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
|
|
.ag-theme-material input[class^=ag-][type=text]::placeholder,
|
|
.ag-theme-material input[class^=ag-][type=number]::placeholder,
|
|
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
|
|
.ag-theme-material input[class^=ag-][type=date]::placeholder,
|
|
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
|
|
.ag-theme-material textarea[class^=ag-]::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,
|
|
.ag-theme-material-dark textarea[class^=ag-]::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,
|
|
.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {
|
|
color: var(--ag-disabled-foreground-color);
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type]):disabled,
|
|
.ag-theme-material input[class^=ag-][type=text]:disabled,
|
|
.ag-theme-material input[class^=ag-][type=number]:disabled,
|
|
.ag-theme-material input[class^=ag-][type=tel]:disabled,
|
|
.ag-theme-material input[class^=ag-][type=date]:disabled,
|
|
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
|
|
.ag-theme-material textarea[class^=ag-]:disabled,
|
|
.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,
|
|
.ag-theme-material-dark input[class^=ag-][type=text]:disabled,
|
|
.ag-theme-material-dark input[class^=ag-][type=number]:disabled,
|
|
.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,
|
|
.ag-theme-material-dark input[class^=ag-][type=date]:disabled,
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,
|
|
.ag-theme-material-dark textarea[class^=ag-]:disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,
|
|
.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: var(--ag-border-color);
|
|
}
|
|
.ag-theme-material input[class^=ag-]:not([type]):invalid,
|
|
.ag-theme-material input[class^=ag-][type=text]:invalid,
|
|
.ag-theme-material input[class^=ag-][type=number]:invalid,
|
|
.ag-theme-material input[class^=ag-][type=tel]:invalid,
|
|
.ag-theme-material input[class^=ag-][type=date]:invalid,
|
|
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
|
|
.ag-theme-material textarea[class^=ag-]:invalid,
|
|
.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,
|
|
.ag-theme-material-dark input[class^=ag-][type=text]:invalid,
|
|
.ag-theme-material-dark input[class^=ag-][type=number]:invalid,
|
|
.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,
|
|
.ag-theme-material-dark input[class^=ag-][type=date]:invalid,
|
|
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,
|
|
.ag-theme-material-dark textarea[class^=ag-]:invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,
|
|
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,
|
|
.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {
|
|
border-width: 0;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: var(--ag-invalid-color);
|
|
color: var(--ag-invalid-color);
|
|
}
|
|
.ag-theme-material .ag-standard-button,
|
|
.ag-theme-material-dark .ag-standard-button,
|
|
.ag-theme-material-auto-dark .ag-standard-button {
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
color: var(--ag-material-primary-color);
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.ag-theme-material .ag-standard-button:disabled,
|
|
.ag-theme-material-dark .ag-standard-button:disabled,
|
|
.ag-theme-material-auto-dark .ag-standard-button:disabled {
|
|
color: var(--ag-disabled-foreground-color);
|
|
background-color: var(--ag-input-disabled-background-color);
|
|
border-color: var(--ag-input-disabled-border-color);
|
|
}
|
|
.ag-theme-material.ag-dnd-ghost,
|
|
.ag-theme-material-dark.ag-dnd-ghost,
|
|
.ag-theme-material-auto-dark.ag-dnd-ghost {
|
|
font-size: calc(var(--ag-font-size) - 1px);
|
|
font-weight: 600;
|
|
}
|
|
.ag-theme-material .ag-filter-toolpanel-header,
|
|
.ag-theme-material-dark .ag-filter-toolpanel-header,
|
|
.ag-theme-material-auto-dark .ag-filter-toolpanel-header {
|
|
height: calc(var(--ag-grid-size) * 4);
|
|
}
|
|
.ag-theme-material .ag-filter-toolpanel-group-level-0-header,
|
|
.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,
|
|
.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {
|
|
height: calc(var(--ag-grid-size) * 7);
|
|
}
|
|
.ag-theme-material .ag-filter-card-title,
|
|
.ag-theme-material-dark .ag-filter-card-title,
|
|
.ag-theme-material-auto-dark .ag-filter-card-title {
|
|
font-size: calc(var(--ag-font-size) - 1px);
|
|
font-weight: 600;
|
|
}
|
|
.ag-theme-material .ag-filter-panel .ag-standard-button,
|
|
.ag-theme-material-dark .ag-filter-panel .ag-standard-button,
|
|
.ag-theme-material-auto-dark .ag-filter-panel .ag-standard-button {
|
|
padding: var(--ag-grid-size);
|
|
}
|
|
.ag-theme-material .ag-filter-add-button,
|
|
.ag-theme-material-dark .ag-filter-add-button,
|
|
.ag-theme-material-auto-dark .ag-filter-add-button {
|
|
border-bottom: 2px solid var(--ag-material-primary-color);
|
|
}
|
|
.ag-theme-material .ag-filter-add-button .ag-icon,
|
|
.ag-theme-material-dark .ag-filter-add-button .ag-icon,
|
|
.ag-theme-material-auto-dark .ag-filter-add-button .ag-icon {
|
|
color: var(--ag-material-active-color);
|
|
}
|
|
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {
|
|
margin-left: var(--ag-grid-size);
|
|
}
|
|
|
|
.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {
|
|
margin-right: var(--ag-grid-size);
|
|
}
|
|
|
|
.ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport,
|
|
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
|
|
.ag-theme-material .ag-layout-print .ag-center-cols-viewport,
|
|
.ag-theme-material .ag-layout-print .ag-center-cols-container,
|
|
.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport,
|
|
.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container,
|
|
.ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport,
|
|
.ag-theme-material-dark .ag-layout-print .ag-center-cols-container,
|
|
.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
|
|
.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container,
|
|
.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport,
|
|
.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container {
|
|
min-height: 150px;
|
|
}
|
|
.ag-theme-material .ag-picker-field-wrapper:focus-within,
|
|
.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,
|
|
.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {
|
|
box-shadow: 0 0 0 1px var(--ag-material-primary-color);
|
|
}
|
|
.ag-theme-material .ag-rich-select-list,
|
|
.ag-theme-material-dark .ag-rich-select-list,
|
|
.ag-theme-material-auto-dark .ag-rich-select-list {
|
|
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
|
|
}
|
|
.ag-theme-material .ag-advanced-filter-builder-button-label,
|
|
.ag-theme-material-dark .ag-advanced-filter-builder-button-label,
|
|
.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {
|
|
text-transform: uppercase;
|
|
}
|
|
.ag-theme-material .ag-filter-active .ag-icon-filter,
|
|
.ag-theme-material-dark .ag-filter-active .ag-icon-filter,
|
|
.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {
|
|
color: var(--ag-material-accent-color);
|
|
}
|
|
.ag-theme-material .ag-list-item-hovered::after,
|
|
.ag-theme-material-dark .ag-list-item-hovered::after,
|
|
.ag-theme-material-auto-dark .ag-list-item-hovered::after {
|
|
background-color: var(--ag-material-primary-color);
|
|
}
|
|
.ag-theme-material .ag-pill .ag-pill-button:hover,
|
|
.ag-theme-material-dark .ag-pill .ag-pill-button:hover,
|
|
.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {
|
|
color: var(--ag-material-primary-color);
|
|
}
|
|
.ag-theme-material .ag-header-highlight-before::after,
|
|
.ag-theme-material .ag-header-highlight-after::after,
|
|
.ag-theme-material-dark .ag-header-highlight-before::after,
|
|
.ag-theme-material-dark .ag-header-highlight-after::after,
|
|
.ag-theme-material-auto-dark .ag-header-highlight-before::after,
|
|
.ag-theme-material-auto-dark .ag-header-highlight-after::after {
|
|
background-color: var(--ag-material-primary-color);
|
|
}
|
|
.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,
|
|
.ag-theme-material .ag-disabled .ag-icon,
|
|
.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,
|
|
.ag-theme-material [disabled] .ag-icon,
|
|
.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
|
|
.ag-theme-material-dark .ag-disabled .ag-icon,
|
|
.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,
|
|
.ag-theme-material-dark [disabled] .ag-icon,
|
|
.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
|
|
.ag-theme-material-auto-dark .ag-disabled .ag-icon,
|
|
.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,
|
|
.ag-theme-material-auto-dark [disabled] .ag-icon {
|
|
color: var(--ag-disabled-foreground-color);
|
|
}
|