@adaptabletools/adaptable 13.0.0-canary.2 → 13.0.0-canary.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agGrid.d.ts +23 -1
- package/agGrid.js +23 -1
- package/base.css +1232 -733
- package/base.css.map +1 -0
- package/bundle.cjs.js +191 -174
- package/index.css +1250 -734
- package/index.css.map +1 -0
- package/package.json +5 -5
- package/publishTimestamp.d.ts +1 -1
- package/publishTimestamp.js +1 -1
- package/src/AdaptableInterfaces/IAdaptable.d.ts +7 -3
- package/src/AdaptableOptions/AdaptableOptions.d.ts +0 -2
- package/src/AdaptableOptions/AdaptableQLOptions.d.ts +136 -27
- package/src/AdaptableOptions/ExportOptions.d.ts +2 -2
- package/src/AdaptableOptions/FinsemblePluginOptions.d.ts +32 -0
- package/src/AdaptableOptions/FinsemblePluginOptions.js +2 -0
- package/src/AdaptableOptions/LayoutOptions.d.ts +2 -1
- package/src/Api/AdaptableApi.d.ts +2 -0
- package/src/Api/ColumnApi.d.ts +8 -2
- package/src/Api/ConditionalStyleApi.d.ts +20 -42
- package/src/Api/ConfigApi.d.ts +1 -2
- package/src/Api/ExportApi.d.ts +6 -6
- package/src/Api/FinsembleApi.d.ts +10 -0
- package/src/Api/FinsembleApi.js +2 -0
- package/src/Api/FormatColumnApi.d.ts +76 -59
- package/src/Api/Implementation/AdaptableApiImpl.d.ts +2 -0
- package/src/Api/Implementation/AdaptableApiImpl.js +2 -0
- package/src/Api/Implementation/ColumnApiImpl.d.ts +2 -1
- package/src/Api/Implementation/ColumnApiImpl.js +18 -14
- package/src/Api/Implementation/ExportApiImpl.d.ts +4 -4
- package/src/Api/Implementation/ExportApiImpl.js +14 -14
- package/src/Api/Implementation/FormatColumnApiImpl.d.ts +36 -17
- package/src/Api/Implementation/FormatColumnApiImpl.js +101 -185
- package/src/Api/Implementation/PluginsApiImpl.d.ts +2 -0
- package/src/Api/Implementation/PluginsApiImpl.js +6 -0
- package/src/Api/Implementation/QueryLanguageApiImpl.d.ts +2 -3
- package/src/Api/Implementation/QueryLanguageApiImpl.js +9 -18
- package/src/Api/Implementation/ScopeApiImpl.d.ts +1 -1
- package/src/Api/Implementation/StyledColumnApiImpl.d.ts +25 -0
- package/src/Api/Implementation/StyledColumnApiImpl.js +193 -0
- package/src/Api/Implementation/SystemStatusApiImpl.js +1 -2
- package/src/Api/Implementation/ToolPanelApiImpl.d.ts +3 -1
- package/src/Api/Implementation/ToolPanelApiImpl.js +8 -0
- package/src/Api/PluginsApi.d.ts +5 -0
- package/src/Api/QueryLanguageApi.d.ts +3 -7
- package/src/Api/ScopeApi.d.ts +1 -1
- package/src/Api/StyledColumnApi.d.ts +106 -0
- package/src/Api/StyledColumnApi.js +2 -0
- package/src/Api/ToolPanelApi.d.ts +10 -1
- package/src/PredefinedConfig/AdaptableState.d.ts +2 -0
- package/src/PredefinedConfig/Common/AdaptableIcon.d.ts +1 -1
- package/src/PredefinedConfig/Common/AdaptablePredicate.d.ts +1 -1
- package/src/PredefinedConfig/Common/AdaptablePredicate.js +37 -37
- package/src/PredefinedConfig/Common/Types.d.ts +3 -3
- package/src/PredefinedConfig/Common/Types.js +1 -0
- package/src/PredefinedConfig/ConditionalStyleState.d.ts +10 -19
- package/src/PredefinedConfig/FormatColumnState.d.ts +21 -92
- package/src/PredefinedConfig/PredefinedConfig.d.ts +6 -0
- package/src/PredefinedConfig/StyledColumnState.d.ts +119 -0
- package/src/PredefinedConfig/StyledColumnState.js +2 -0
- package/src/Redux/ActionsReducers/ConditionalStyleRedux.d.ts +0 -18
- package/src/Redux/ActionsReducers/ConditionalStyleRedux.js +0 -18
- package/src/Redux/ActionsReducers/FormatColumnRedux.d.ts +14 -0
- package/src/Redux/ActionsReducers/FormatColumnRedux.js +43 -1
- package/src/Redux/ActionsReducers/PluginsRedux.d.ts +4 -4
- package/src/Redux/ActionsReducers/PluginsRedux.js +5 -5
- package/src/Redux/ActionsReducers/StyledColumnRedux.d.ts +49 -0
- package/src/Redux/ActionsReducers/StyledColumnRedux.js +92 -0
- package/src/Redux/Store/AdaptableStore.js +9 -0
- package/src/Strategy/ConditionalStyleModule.d.ts +0 -2
- package/src/Strategy/ConditionalStyleModule.js +3 -27
- package/src/Strategy/DataChangeHistoryModule.d.ts +1 -0
- package/src/Strategy/DataChangeHistoryModule.js +12 -0
- package/src/Strategy/FormatColumnModule.d.ts +3 -10
- package/src/Strategy/FormatColumnModule.js +42 -183
- package/src/Strategy/Interface/IModule.d.ts +1 -0
- package/src/Strategy/StyledColumnModule.d.ts +24 -0
- package/src/Strategy/StyledColumnModule.js +165 -0
- package/src/Strategy/Utilities/FormatColumn/getFormatColumnSettingsViewItems.d.ts +1 -1
- package/src/Strategy/Utilities/FormatColumn/getFormatColumnSettingsViewItems.js +3 -4
- package/src/Strategy/Utilities/FormatColumn/getFormatColumnStyleViewItems.js +1 -16
- package/src/Strategy/Utilities/getScopeViewItems.js +1 -1
- package/src/Utilities/Constants/ModuleConstants.d.ts +3 -0
- package/src/Utilities/Constants/ModuleConstants.js +4 -1
- package/src/Utilities/Defaults/DefaultAdaptableOptions.js +6 -12
- package/src/Utilities/Defaults/DefaultSettingsPanel.js +1 -0
- package/src/Utilities/ExpressionFunctions/aggregatedBooleanExpressionFunctions.d.ts +3 -2
- package/src/Utilities/ExpressionFunctions/aggregatedBooleanExpressionFunctions.js +3 -1
- package/src/Utilities/ExpressionFunctions/aggregatedScalarExpressionFunctions.d.ts +1 -0
- package/src/Utilities/ExpressionFunctions/aggregatedScalarExpressionFunctions.js +3 -1
- package/src/Utilities/ExpressionFunctions/booleanExpressionFunctions.d.ts +1 -0
- package/src/Utilities/ExpressionFunctions/booleanExpressionFunctions.js +3 -1
- package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.d.ts +2 -4
- package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.js +3 -1
- package/src/Utilities/ExpressionFunctions/scalarExpressionFunctions.d.ts +1 -0
- package/src/Utilities/ExpressionFunctions/scalarExpressionFunctions.js +3 -1
- package/src/Utilities/Extensions/TypeExtensions.d.ts +1 -0
- package/src/Utilities/Extensions/TypeExtensions.js +5 -0
- package/src/Utilities/ObjectFactory.d.ts +5 -2
- package/src/Utilities/ObjectFactory.js +14 -7
- package/src/Utilities/Services/Interface/IQueryLanguageService.d.ts +14 -4
- package/src/Utilities/Services/{LicenseService.d.ts → LicenseService/index.d.ts} +3 -3
- package/src/Utilities/Services/LicenseService/index.js +1 -0
- package/src/Utilities/Services/LicenseService/shouldLogThankYouMessage.d.ts +1 -0
- package/src/Utilities/Services/LicenseService/shouldLogThankYouMessage.js +15 -0
- package/src/Utilities/Services/ModuleService.js +2 -0
- package/src/Utilities/Services/QueryLanguageService.d.ts +3 -3
- package/src/Utilities/Services/QueryLanguageService.js +88 -39
- package/src/Utilities/Services/ReportService.js +6 -6
- package/src/Utilities/license/LicenseDetails.d.ts +1 -1
- package/src/Utilities/license/decode.d.ts +1 -0
- package/src/Utilities/license/decode.js +1 -1
- package/src/View/AdaptablePopover/index.js +1 -1
- package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js +9 -9
- package/src/View/Alert/Wizard/AlertDisplayWizardSection.js +6 -5
- package/src/View/Alert/Wizard/BaseAlertRulesWizardSection.js +3 -3
- package/src/View/Alert/Wizard/BaseAlertScopeWizardSection.js +3 -3
- package/src/View/BulkUpdate/BulkUpdatePopup.js +1 -1
- package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts +1 -1
- package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js +1 -1
- package/src/View/Components/AdaptableObjectRow/index.js +1 -6
- package/src/View/Components/Buttons/ButtonInfo.d.ts +1 -3
- package/src/View/Components/Buttons/ButtonInfo.js +3 -5
- package/src/View/Components/EntityRulesEditor/index.d.ts +2 -1
- package/src/View/Components/EntityRulesEditor/index.js +36 -35
- package/src/View/Components/FilterForm/FilterForm.js +11 -16
- package/src/View/Components/FilterForm/ListBoxFilterForm.js +2 -1
- package/src/View/Components/FilterForm/QuickFilterForm.js +7 -13
- package/src/View/Components/NewScopeComponent.js +3 -3
- package/src/View/Components/Panels/PanelWithButton.js +1 -5
- package/src/View/Components/Panels/PanelWithImage.js +1 -5
- package/src/View/Components/Popups/AdaptablePopup/AdaptablePopup.js +2 -2
- package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupDialog.d.ts +1 -0
- package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupDialog.js +3 -16
- package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js +1 -0
- package/src/View/Components/Popups/AdaptablePopup/PopupPanel.js +1 -1
- package/src/View/Components/Popups/AdaptablePopupTeamSharing.js +5 -5
- package/src/View/Components/RangesComponent.d.ts +8 -1
- package/src/View/Components/RangesComponent.js +60 -24
- package/src/View/Components/ScopeComponent.js +6 -6
- package/src/View/Components/Selectors/ColumnSelector.d.ts +1 -0
- package/src/View/Components/Selectors/ColumnSelector.js +2 -1
- package/src/View/Components/Selectors/ColumnValueSelector.js +2 -2
- package/src/View/Components/StyleComponent.js +14 -19
- package/src/View/Components/ToolPanel/AdaptableToolPanel.d.ts +3 -9
- package/src/View/Components/ToolPanel/AdaptableToolPanel.js +25 -10
- package/src/View/Components/ToolPanel/CustomToolPanelContent.js +1 -1
- package/src/View/Components/ToolPanel/ToolPanelPopup.d.ts +1 -1
- package/src/View/ConditionalStyle/ConditionalStylePopupHeader.d.ts +2 -0
- package/src/View/ConditionalStyle/ConditionalStylePopupHeader.js +18 -0
- package/src/View/ConditionalStyle/Wizard/ConditionalStyleRuleWizardSection.js +3 -3
- package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js +1 -1
- package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js +1 -11
- package/src/View/DataSet/DataSetSelector.js +1 -1
- package/src/View/DataSet/DataSetViewPanel.d.ts +1 -1
- package/src/View/Export/ExportViewPanel.d.ts +1 -1
- package/src/View/Export/ExportViewPanel.js +4 -4
- package/src/View/Export/ReportExportDropdown.js +1 -1
- package/src/View/Export/Wizard/ReportNameWizardSection.js +10 -11
- package/src/View/Filter/FilterSummary.d.ts +1 -1
- package/src/View/Filter/FilterViewPanel.d.ts +1 -1
- package/src/View/FlashingCell/FlashingCellStyle.js +3 -3
- package/src/View/FlashingCell/Wizard/FlashingCellRulesWizardSection.js +3 -3
- package/src/View/FlashingCell/Wizard/FlashingCellSettingsWizardSection.js +6 -6
- package/src/View/FlashingCell/Wizard/FlashingCellWizard.js +4 -4
- package/src/View/FormatColumn/FormatColumnSummary.js +1 -1
- package/src/View/FormatColumn/MoveFormatColumn.d.ts +7 -0
- package/src/View/FormatColumn/MoveFormatColumn.js +27 -0
- package/src/View/FormatColumn/Wizard/FormatColumnFormatWizardSection.js +28 -28
- package/src/View/FormatColumn/Wizard/FormatColumnRuleWizardSection.d.ts +8 -0
- package/src/View/FormatColumn/Wizard/FormatColumnRuleWizardSection.js +28 -0
- package/src/View/FormatColumn/Wizard/FormatColumnScopeWizardSection.js +21 -3
- package/src/View/FormatColumn/Wizard/FormatColumnSettingsWizardSection.js +2 -28
- package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.d.ts +3 -3
- package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.js +6 -300
- package/src/View/FormatColumn/Wizard/FormatColumnWizard.js +15 -9
- package/src/View/FormatColumn/Wizard/constants.d.ts +1 -0
- package/src/View/FormatColumn/Wizard/constants.js +4 -0
- package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js +7 -7
- package/src/View/Layout/LayoutRadioSelector.js +1 -1
- package/src/View/Layout/LayoutViewPanel.d.ts +1 -1
- package/src/View/Layout/Wizard/Components/ColumnLabels.js +1 -1
- package/src/View/Layout/Wizard/sections/AggregationsSection.js +1 -1
- package/src/View/Layout/Wizard/sections/ColumnsSection.js +7 -6
- package/src/View/Layout/Wizard/sections/SettingsSection.js +2 -2
- package/src/View/PlusMinus/Wizard/PlusMinusRuleWizardSection.js +1 -1
- package/src/View/PlusMinus/Wizard/PlusMinusSettingsWizardSection.js +3 -3
- package/src/View/Query/QueryViewPanel.d.ts +1 -1
- package/src/View/Query/Wizard/NamedQuerySettingsWizardSection.js +1 -1
- package/src/View/QuickSearch/QuickSearchPopup.js +2 -2
- package/src/View/QuickSearch/QuickSearchViewPanel.d.ts +1 -1
- package/src/View/Schedule/Wizard/ScheduleScheduleWizard.js +5 -5
- package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsGlue42.js +1 -1
- package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsIPushPull.js +5 -5
- package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsOpenFin.js +1 -1
- package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReminder.js +5 -5
- package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReport.js +2 -2
- package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.js +3 -3
- package/src/View/SmartEdit/SmartEditPopup.js +3 -3
- package/src/View/SpecialColumnSettingsWizardStep.js +10 -10
- package/src/View/StateManagement/StateManagementPopup.js +4 -4
- package/src/View/StyledColumn/Wizard/StyledColumnWizard.d.ts +7 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizard.js +77 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.d.ts +9 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.js +65 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.d.ts +9 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.js +234 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.d.ts +7 -0
- package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.js +59 -0
- package/src/View/SystemStatus/SystemStatusEntityRow.js +4 -6
- package/src/View/SystemStatus/SystemStatusViewPanel.d.ts +1 -1
- package/src/View/TeamSharing/SharedEntityObjectView.js +1 -1
- package/src/View/TeamSharing/TeamSharingApplyButton.js +1 -1
- package/src/View/Theme/ThemePopup.js +1 -1
- package/src/View/Wizard/OnePageAdaptableWizard.d.ts +1 -1
- package/src/View/Wizard/OnePageAdaptableWizard.js +1 -2
- package/src/agGrid/ActionColumnRenderer.d.ts +3 -0
- package/src/agGrid/ActionColumnRenderer.js +96 -64
- package/src/agGrid/Adaptable.d.ts +13 -9
- package/src/agGrid/Adaptable.js +207 -221
- package/src/agGrid/CheckboxRenderer.js +1 -1
- package/src/agGrid/FilterWrapper.js +60 -16
- package/src/agGrid/FloatingFilterWrapper.d.ts +2 -2
- package/src/agGrid/FloatingFilterWrapper.js +71 -32
- package/src/agGrid/PercentBarRenderer.d.ts +6 -2
- package/src/agGrid/PercentBarRenderer.js +19 -17
- package/src/agGrid/agGridHelper.d.ts +6 -2
- package/src/agGrid/agGridHelper.js +16 -15
- package/src/agGrid/createAgStatusPanelComponent.d.ts +1 -1
- package/src/agGrid/createAgStatusPanelComponent.js +17 -0
- package/src/agGrid/editors/AdaptableDateEditor/index.d.ts +5 -1
- package/src/agGrid/editors/AdaptableDateEditor/index.js +87 -20
- package/src/agGrid/editors/AdaptableNumberEditor/InternalAdaptableNumberEditor.js +1 -1
- package/src/agGrid/editors/AdaptableNumberEditor/index.d.ts +3 -3
- package/src/agGrid/editors/AdaptableNumberEditor/index.js +81 -30
- package/src/agGrid/weightedAverage.js +19 -11
- package/src/components/CheckBox/index.js +7 -2
- package/src/components/Datepicker/index.d.ts +1 -1
- package/src/components/ExpressionEditor/BaseEditorInput.d.ts +1 -1
- package/src/components/ExpressionEditor/BaseEditorInput.js +13 -32
- package/src/components/ExpressionEditor/EditorInput.js +1 -1
- package/src/components/ExpressionEditor/EditorInputWithWhereClause.js +1 -1
- package/src/components/ExpressionEditor/index.js +9 -17
- package/src/components/FormLayout/index.js +1 -1
- package/src/components/StylePreview.js +2 -1
- package/src/components/icons/brush.d.ts +3 -0
- package/src/components/icons/brush.js +7 -0
- package/src/components/icons/index.js +2 -0
- package/src/metamodel/adaptable.metamodel.d.ts +191 -95
- package/src/metamodel/adaptable.metamodel.js +1 -1
- package/src/parser/src/types.d.ts +6 -3
- package/src/renderReactRoot.d.ts +2 -0
- package/src/renderReactRoot.js +11 -9
- package/src/types.d.ts +8 -4
- package/themes/dark.css +8 -4
- package/themes/dark.css.map +1 -0
- package/themes/light.css +4 -1
- package/themes/light.css.map +1 -0
- package/version.d.ts +1 -1
- package/version.js +1 -1
- package/src/AdaptableComponents.d.ts +0 -1
- package/src/AdaptableComponents.js +0 -5
- package/src/Utilities/Services/LicenseService.js +0 -1
package/index.css
CHANGED
|
@@ -2305,7 +2305,8 @@ template {
|
|
|
2305
2305
|
--ab-icon-fill: currentColor;
|
|
2306
2306
|
--ab-custom-scrollbar-size: 10px;
|
|
2307
2307
|
--ab-grid-row-height: 40px;
|
|
2308
|
-
--ab-loaded: 777;
|
|
2308
|
+
--ab-loaded: 777;
|
|
2309
|
+
}
|
|
2309
2310
|
|
|
2310
2311
|
:root {
|
|
2311
2312
|
--ITableHeader__color: var(--ab-color-text-on-primary);
|
|
@@ -2314,17 +2315,21 @@ template {
|
|
|
2314
2315
|
--ITableRow__color: var(--ab-color-text-on-primary);
|
|
2315
2316
|
--ITable__background: var(--ab-color-primarylight);
|
|
2316
2317
|
--ITableRow__background: var(--ab-color-defaultbackground);
|
|
2317
|
-
--ITableRow--odd__background: var(--ab-color-primarylight);
|
|
2318
|
+
--ITableRow--odd__background: var(--ab-color-primarylight);
|
|
2319
|
+
}
|
|
2318
2320
|
|
|
2319
|
-
.ab-style__list-group-item:nth-child(2n
|
|
2320
|
-
background: var(--ab-color-primarylight);
|
|
2321
|
+
.ab-style__list-group-item:nth-child(2n+1) {
|
|
2322
|
+
background: var(--ab-color-primarylight);
|
|
2323
|
+
}
|
|
2321
2324
|
|
|
2322
|
-
.ab-Grid .ag-header-cell input[type=
|
|
2323
|
-
margin-inline-start: 0px;
|
|
2325
|
+
.ab-Grid .ag-header-cell input[type=date i]::-webkit-calendar-picker-indicator {
|
|
2326
|
+
margin-inline-start: 0px;
|
|
2327
|
+
}
|
|
2324
2328
|
|
|
2325
2329
|
.ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
|
|
2326
2330
|
font-weight: bolder;
|
|
2327
|
-
background: var(--ab-gridheader--filtered__background);
|
|
2331
|
+
background: var(--ab-gridheader--filtered__background);
|
|
2332
|
+
}
|
|
2328
2333
|
|
|
2329
2334
|
:root {
|
|
2330
2335
|
--ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
|
|
@@ -2333,7 +2338,8 @@ template {
|
|
|
2333
2338
|
--ab-cmp-checkbox--check-size: 16px;
|
|
2334
2339
|
--ab-cmp-checkbox--check__color: white;
|
|
2335
2340
|
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
|
|
2336
|
-
--ab-cmp-checkbox--check-indeterminate-radius: 2px;
|
|
2341
|
+
--ab-cmp-checkbox--check-indeterminate-radius: 2px;
|
|
2342
|
+
}
|
|
2337
2343
|
|
|
2338
2344
|
.ab-CheckBox--variant-agGrid {
|
|
2339
2345
|
--ab-cmp-checkbox--check__color: var(
|
|
@@ -2342,23 +2348,27 @@ template {
|
|
|
2342
2348
|
);
|
|
2343
2349
|
--ab-cmp-checkbox--checked__background: var(--ag-background-color);
|
|
2344
2350
|
--ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
|
|
2345
|
-
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
|
|
2351
|
+
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
|
|
2352
|
+
}
|
|
2346
2353
|
|
|
2347
2354
|
.ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2355
|
+
--ab-cmp-checkbox--check__color: var(
|
|
2356
|
+
--ag-checkbox-checked-color,
|
|
2357
|
+
var(--ag-balham-active-color, #0091ea)
|
|
2358
|
+
);
|
|
2359
|
+
}
|
|
2352
2360
|
|
|
2353
2361
|
.ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
|
|
2354
|
-
|
|
2362
|
+
--ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
|
|
2363
|
+
}
|
|
2355
2364
|
|
|
2356
2365
|
:root {
|
|
2357
2366
|
--ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
|
|
2358
2367
|
--ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
|
|
2359
2368
|
--ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
|
|
2360
2369
|
--ab-cmp-dialog__border-radius: var(--ab__border-radius);
|
|
2361
|
-
--ab-cmp-dialog__min-height: 60vh;
|
|
2370
|
+
--ab-cmp-dialog__min-height: 60vh;
|
|
2371
|
+
}
|
|
2362
2372
|
|
|
2363
2373
|
:root {
|
|
2364
2374
|
--ab-cmp-dropdown__color: var(--ab-color-inputcolor);
|
|
@@ -2368,7 +2378,8 @@ template {
|
|
|
2368
2378
|
--ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
|
|
2369
2379
|
--ab-cmp-dropdown__font-size: var(--ab-font-size-2);
|
|
2370
2380
|
--ab-cmp-dropdown__font-family: var(--ab__font-family);
|
|
2371
|
-
--ab-cmp-dropdown__padding: var(--ab-space-2);
|
|
2381
|
+
--ab-cmp-dropdown__padding: var(--ab-space-2);
|
|
2382
|
+
}
|
|
2372
2383
|
|
|
2373
2384
|
:root {
|
|
2374
2385
|
--ab-cmp-dropdownbutton-list__border: none;
|
|
@@ -2381,30 +2392,35 @@ template {
|
|
|
2381
2392
|
--ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
|
|
2382
2393
|
--ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
|
|
2383
2394
|
-4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
|
|
2384
|
-
--ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
|
|
2395
|
+
--ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
|
|
2396
|
+
}
|
|
2385
2397
|
|
|
2386
2398
|
:root {
|
|
2387
2399
|
--ab-cmp-error-box__padding: var(--ab-space-3);
|
|
2388
2400
|
--ab-cmp-error-box__border-radius: var(--ab__border-radius);
|
|
2389
2401
|
--ab-cmp-error-box__color: var(--ab-color-text-on-error);
|
|
2390
|
-
--ab-cmp-error-box__background: var(--ab-color-error);
|
|
2402
|
+
--ab-cmp-error-box__background: var(--ab-color-error);
|
|
2403
|
+
}
|
|
2391
2404
|
|
|
2392
2405
|
:root {
|
|
2393
2406
|
--ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
|
|
2394
2407
|
--ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
|
|
2395
|
-
--ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
|
|
2408
|
+
--ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
|
|
2409
|
+
}
|
|
2396
2410
|
|
|
2397
2411
|
:root {
|
|
2398
2412
|
--ab-cmp-help-block__padding: var(--ab-space-2);
|
|
2399
2413
|
--ab-cmp-help-block__border-radius: var(--ab__border-radius);
|
|
2400
2414
|
--ab-cmp-help-block__color: var(--ab-color-text-on-primary);
|
|
2401
|
-
--ab-cmp-help-block__background: var(--ab-color-primarylight);
|
|
2415
|
+
--ab-cmp-help-block__background: var(--ab-color-primarylight);
|
|
2416
|
+
}
|
|
2402
2417
|
|
|
2403
2418
|
:root {
|
|
2404
2419
|
--ab-cmp-code-block__padding: var(--ab-space-1);
|
|
2405
2420
|
--ab-cmp-code-block__border-radius: var(--ab__border-radius);
|
|
2406
2421
|
--ab-cmp-code-block__color: var(--ab-color-text-on-primary);
|
|
2407
|
-
--ab-cmp-code-block__background: var(--ab-color-primary);
|
|
2422
|
+
--ab-cmp-code-block__background: var(--ab-color-primary);
|
|
2423
|
+
}
|
|
2408
2424
|
|
|
2409
2425
|
:root {
|
|
2410
2426
|
--ab-cmp-input__padding: var(--ab-space-2);
|
|
@@ -2416,10 +2432,12 @@ template {
|
|
|
2416
2432
|
--ab-cmp-input__font-size: var(--ab-font-size-2);
|
|
2417
2433
|
--ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
|
|
2418
2434
|
--ab-cmp-input__font-family: var(--ab__font-family);
|
|
2419
|
-
--ab-cmp-input--placeholder__opacity: 0.6;
|
|
2435
|
+
--ab-cmp-input--placeholder__opacity: 0.6;
|
|
2436
|
+
}
|
|
2420
2437
|
|
|
2421
2438
|
:root {
|
|
2422
|
-
--ab-cmp-listgroup: 1;
|
|
2439
|
+
--ab-cmp-listgroup: 1;
|
|
2440
|
+
}
|
|
2423
2441
|
|
|
2424
2442
|
.ab-ListGroupItem {
|
|
2425
2443
|
width: var(--ab-cmp-listgroupitem__width);
|
|
@@ -2432,29 +2450,36 @@ template {
|
|
|
2432
2450
|
align-items: center;
|
|
2433
2451
|
background: var(--ab-cmp-listgroupitem__background);
|
|
2434
2452
|
color: var(--ab-cmp-listgroupitem__color);
|
|
2435
|
-
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
2453
|
+
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
2454
|
+
}
|
|
2436
2455
|
|
|
2437
|
-
.ab-ListGroupItem:nth-child(2n
|
|
2438
|
-
|
|
2439
|
-
|
|
2456
|
+
.ab-ListGroupItem:nth-child(2n+1) {
|
|
2457
|
+
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
2458
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
2459
|
+
}
|
|
2440
2460
|
|
|
2441
2461
|
.ab-ListGroupItem.ab-ListGroupItem--no-zebra {
|
|
2442
|
-
|
|
2462
|
+
background: var(--ab-color-defaultbackground);
|
|
2463
|
+
}
|
|
2443
2464
|
|
|
2444
2465
|
.ab-ListGroupItem--active.ab-ListGroupItem {
|
|
2445
|
-
|
|
2446
|
-
|
|
2466
|
+
background: var(--ab-cmp-listgroupitem--active__background);
|
|
2467
|
+
color: var(--ab-cmp-listgroupitem--active__color);
|
|
2468
|
+
}
|
|
2447
2469
|
|
|
2448
2470
|
.ab-ListGroupItem:focus {
|
|
2449
|
-
|
|
2471
|
+
z-index: 1;
|
|
2472
|
+
}
|
|
2450
2473
|
|
|
2451
2474
|
:root {
|
|
2452
|
-
--ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
|
|
2475
|
+
--ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
|
|
2476
|
+
}
|
|
2453
2477
|
|
|
2454
2478
|
:root {
|
|
2455
2479
|
--ab-cmp-tabs__padding: var(--ab-space-2);
|
|
2456
2480
|
--ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
|
|
2457
|
-
--ab-cmp-tabs-active__background: var(--ab-color-primarylight);
|
|
2481
|
+
--ab-cmp-tabs-active__background: var(--ab-color-primarylight);
|
|
2482
|
+
}
|
|
2458
2483
|
|
|
2459
2484
|
:root {
|
|
2460
2485
|
--ab-cmp-panel_header__background: var(--ab-color-primary);
|
|
@@ -2474,7 +2499,8 @@ template {
|
|
|
2474
2499
|
--ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
|
|
2475
2500
|
--ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
|
|
2476
2501
|
--ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
|
|
2477
|
-
--ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
|
|
2502
|
+
--ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
|
|
2503
|
+
}
|
|
2478
2504
|
|
|
2479
2505
|
:root {
|
|
2480
2506
|
--ab-cmp-simple-button__padding: var(--ab-space-1) var(--ab-space-1);
|
|
@@ -2484,7 +2510,8 @@ template {
|
|
|
2484
2510
|
--ab-cmp-simple-button__font-size: var(--ab-font-size-2);
|
|
2485
2511
|
--ab-cmp-simple-button__font-family: var(--ab__font-family);
|
|
2486
2512
|
--ab-cmp-simple-button__height: 20px;
|
|
2487
|
-
--ab-cmp-simple-button__width: 20px;
|
|
2513
|
+
--ab-cmp-simple-button__width: 20px;
|
|
2514
|
+
}
|
|
2488
2515
|
|
|
2489
2516
|
:root {
|
|
2490
2517
|
--ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
|
|
@@ -2494,14 +2521,16 @@ template {
|
|
|
2494
2521
|
--ab-cmp-textarea__font-size: var(--ab-font-size-3);
|
|
2495
2522
|
--ab-cmp-textarea__font-family: var(--ab__font-family);
|
|
2496
2523
|
--ab-cmp-textarea__background: var(--ab-cmp-input__background);
|
|
2497
|
-
--ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
|
|
2524
|
+
--ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
|
|
2525
|
+
}
|
|
2498
2526
|
|
|
2499
2527
|
:root {
|
|
2500
2528
|
--ab-cmp-tooltip__opacity: 0.96;
|
|
2501
2529
|
--ab-cmp-tooltip__background: var(--ab-color-primary);
|
|
2502
2530
|
--ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
|
|
2503
2531
|
--ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
|
|
2504
|
-
--ab-cmp-tooltip__font-size: var(--ab-font-size-2);
|
|
2532
|
+
--ab-cmp-tooltip__font-size: var(--ab-font-size-2);
|
|
2533
|
+
}
|
|
2505
2534
|
|
|
2506
2535
|
:root {
|
|
2507
2536
|
--ab-cmp-file-droppable__padding: var(--ab-space-5);
|
|
@@ -2514,7 +2543,8 @@ template {
|
|
|
2514
2543
|
--ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
|
|
2515
2544
|
--ab-cmp-file-droppable--drag-over__outline-offset: -20px;
|
|
2516
2545
|
--ab-cmp-file-droppable--drag-over__outline: 2px dashed
|
|
2517
|
-
var(--ab-cmp-file-droppable--drag-over__color);
|
|
2546
|
+
var(--ab-cmp-file-droppable--drag-over__color);
|
|
2547
|
+
}
|
|
2518
2548
|
|
|
2519
2549
|
:root {
|
|
2520
2550
|
--ab-dashboard__background: var(--ab-color-primary);
|
|
@@ -2527,10 +2557,12 @@ template {
|
|
|
2527
2557
|
--ab-dashboard-header__background: var(--ab-color-secondary);
|
|
2528
2558
|
--ab-dashboard-header__color: var(--ab-color-text-on-secondary);
|
|
2529
2559
|
--ab-dashboard-tab-drop-target__background: skyblue;
|
|
2530
|
-
--ab-dashboard-toolbar-drag__background: lightgreen;
|
|
2560
|
+
--ab-dashboard-toolbar-drag__background: lightgreen;
|
|
2561
|
+
}
|
|
2531
2562
|
|
|
2532
2563
|
:root {
|
|
2533
|
-
--ab-cmp-listgroup: 1;
|
|
2564
|
+
--ab-cmp-listgroup: 1;
|
|
2565
|
+
}
|
|
2534
2566
|
|
|
2535
2567
|
:root {
|
|
2536
2568
|
--ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
|
|
@@ -2542,14 +2574,16 @@ template {
|
|
|
2542
2574
|
--ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
|
|
2543
2575
|
--ab-cmp-datepicker__font-size: var(--ab-font-size-2);
|
|
2544
2576
|
--ab-cmp-datepicker__font-family: var(--ab__font-family);
|
|
2545
|
-
--ab-cmp-datepicker__cell-size: 30px;
|
|
2577
|
+
--ab-cmp-datepicker__cell-size: 30px;
|
|
2578
|
+
}
|
|
2546
2579
|
|
|
2547
2580
|
:root {
|
|
2548
2581
|
--ab-cmp-toggle-button__background: #ccc;
|
|
2549
2582
|
--ab-cmp-toggle-button--active__background: var(--ab-color-success);
|
|
2550
2583
|
--ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
|
|
2551
2584
|
--ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
|
|
2552
|
-
--ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
|
|
2585
|
+
--ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
|
|
2586
|
+
}
|
|
2553
2587
|
|
|
2554
2588
|
:root {
|
|
2555
2589
|
--ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
|
|
@@ -2559,12 +2593,14 @@ template {
|
|
|
2559
2593
|
--ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
|
|
2560
2594
|
--ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
|
|
2561
2595
|
--ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
|
|
2562
|
-
--ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
|
|
2596
|
+
--ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
|
|
2597
|
+
}
|
|
2563
2598
|
|
|
2564
2599
|
:root {
|
|
2565
2600
|
--ab-cmp-loader__background: var(--ab-color-primarydark);
|
|
2566
2601
|
--ab-cmp-loader__border: var(--ab-color-text-on-primary);
|
|
2567
|
-
--ab-cmp-loader__font-size: var(--ab-font-size-2);
|
|
2602
|
+
--ab-cmp-loader__font-size: var(--ab-font-size-2);
|
|
2603
|
+
}
|
|
2568
2604
|
|
|
2569
2605
|
:root {
|
|
2570
2606
|
--ab-cmp-progress-indicator__delay: 1s;
|
|
@@ -2574,28 +2610,34 @@ template {
|
|
|
2574
2610
|
--ab-cmp-progress-indicator__font-family: var(--ab__font-family);
|
|
2575
2611
|
--ab-cmp-progress-indicator__padding: var(--ab-space-3);
|
|
2576
2612
|
--ab-cmp-progress-indicator__background: var(--ab-color-primary);
|
|
2577
|
-
--ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
|
|
2613
|
+
--ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
|
|
2614
|
+
}
|
|
2578
2615
|
|
|
2579
2616
|
:root {
|
|
2580
2617
|
--ab-cmp-icon__fill: var(--ab-icon-fill);
|
|
2581
2618
|
--ab-cmp-icon__height: 17px;
|
|
2582
|
-
--ab-cmp-icon__width: 17px;
|
|
2619
|
+
--ab-cmp-icon__width: 17px;
|
|
2620
|
+
}
|
|
2583
2621
|
|
|
2584
2622
|
:root {
|
|
2585
2623
|
--ab-cmp-listgroupitem__padding: var(--ab-space-2);
|
|
2586
|
-
--ab-cmp-listgroupitem__margin: 0;
|
|
2624
|
+
--ab-cmp-listgroupitem__margin: 0;
|
|
2625
|
+
--ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
|
|
2626
|
+
}
|
|
2587
2627
|
|
|
2588
2628
|
:root {
|
|
2589
2629
|
--ab-cmp-wizard__padding: var(--ab-space-5);
|
|
2590
2630
|
--ab-cmp-wizard__margin: var(--ab-space-1);
|
|
2591
2631
|
--ab-cmp-wizard__background: var(--ab-color-primary);
|
|
2592
|
-
--ab-cmp-wizard__color: var(--ab-color-text-on-primary);
|
|
2632
|
+
--ab-cmp-wizard__color: var(--ab-color-text-on-primary);
|
|
2633
|
+
}
|
|
2593
2634
|
|
|
2594
2635
|
:root {
|
|
2595
2636
|
--ab-cmp-button-border-radius: 0px;
|
|
2596
2637
|
--ab-cmp-button-disabled-opacity: 0.5;
|
|
2597
2638
|
--ab-cmp-button-background: var(--ab-color-primary);
|
|
2598
|
-
--ab-cmp-button-disabled-background: var(--ab-color-primarydark);
|
|
2639
|
+
--ab-cmp-button-disabled-background: var(--ab-color-primarydark);
|
|
2640
|
+
}
|
|
2599
2641
|
|
|
2600
2642
|
:root {
|
|
2601
2643
|
--ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
|
|
@@ -2606,7 +2648,8 @@ template {
|
|
|
2606
2648
|
--ab-cmp-dashboardpanel__color: currentColor;
|
|
2607
2649
|
--ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
|
|
2608
2650
|
--ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
|
|
2609
|
-
--ab-cmp-dashboardpanel__border: none;
|
|
2651
|
+
--ab-cmp-dashboardpanel__border: none;
|
|
2652
|
+
}
|
|
2610
2653
|
|
|
2611
2654
|
:root {
|
|
2612
2655
|
--ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
|
|
@@ -2617,36 +2660,43 @@ template {
|
|
|
2617
2660
|
--ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
|
|
2618
2661
|
--ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
|
|
2619
2662
|
--ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
|
|
2620
|
-
--ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
|
|
2663
|
+
--ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
|
|
2664
|
+
}
|
|
2621
2665
|
|
|
2622
2666
|
:root {
|
|
2623
2667
|
--ab-cmp-popover__border-radius: var(--ab__border-radius);
|
|
2624
2668
|
--ab-cmp-popover__background: var(--ab-color-defaultbackground);
|
|
2625
2669
|
--ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
|
|
2626
2670
|
--ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
|
|
2627
|
-
--ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
|
|
2671
|
+
--ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
|
|
2672
|
+
}
|
|
2628
2673
|
|
|
2629
2674
|
:root {
|
|
2630
2675
|
--ab-cmp-one-page-wizard__background: var(--ab-color-primary);
|
|
2631
2676
|
--ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
|
|
2632
2677
|
--ab-cmp-one-page-wizard-section-title__color: var(--ab-color-text-on-secondary);
|
|
2633
|
-
--ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
|
|
2678
|
+
--ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
|
|
2679
|
+
}
|
|
2634
2680
|
|
|
2635
2681
|
.ab-OnePageWizard__section {
|
|
2636
2682
|
background: var(--ab-cmp-one-page-wizard-content__background);
|
|
2637
2683
|
overflow: auto;
|
|
2638
|
-
border-radius: var(--ab__border-radius);
|
|
2684
|
+
border-radius: var(--ab__border-radius);
|
|
2685
|
+
}
|
|
2639
2686
|
|
|
2640
2687
|
.ab-OnePageWizard__section-title-container {
|
|
2641
|
-
background: var(--ab-cmp-one-page-wizard__background);
|
|
2688
|
+
background: var(--ab-cmp-one-page-wizard__background);
|
|
2689
|
+
}
|
|
2642
2690
|
|
|
2643
2691
|
.ab-OnePageWizard__section-container {
|
|
2644
2692
|
background: var(--ab-cmp-one-page-wizard__background);
|
|
2645
2693
|
min-height: 100%;
|
|
2646
|
-
overflow: hidden;
|
|
2694
|
+
overflow: hidden;
|
|
2695
|
+
}
|
|
2647
2696
|
|
|
2648
2697
|
.ab-OnePageWizard__footer {
|
|
2649
|
-
background: var(--ab-cmp-one-page-wizard__background);
|
|
2698
|
+
background: var(--ab-cmp-one-page-wizard__background);
|
|
2699
|
+
}
|
|
2650
2700
|
|
|
2651
2701
|
:root {
|
|
2652
2702
|
--ab-cmp-toolpanel__width: 200px;
|
|
@@ -2654,10 +2704,12 @@ template {
|
|
|
2654
2704
|
--ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
|
|
2655
2705
|
--ab-cmp-toolpanel-header__grid-gap: 3px;
|
|
2656
2706
|
--ab-cmp-toolpanel__color: var(--ab-dashboard__color);
|
|
2657
|
-
--ab-cmp-toolpanel__font-family: var(--ab__font-family);
|
|
2707
|
+
--ab-cmp-toolpanel__font-family: var(--ab__font-family);
|
|
2708
|
+
}
|
|
2658
2709
|
|
|
2659
2710
|
:root {
|
|
2660
|
-
--ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
|
|
2711
|
+
--ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
|
|
2712
|
+
}
|
|
2661
2713
|
|
|
2662
2714
|
:root {
|
|
2663
2715
|
--ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
|
|
@@ -2695,10 +2747,12 @@ template {
|
|
|
2695
2747
|
--ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
|
|
2696
2748
|
--ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
|
|
2697
2749
|
--ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
|
|
2698
|
-
--ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
|
|
2750
|
+
--ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
|
|
2751
|
+
}
|
|
2699
2752
|
|
|
2700
2753
|
:root {
|
|
2701
|
-
--ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
2754
|
+
--ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
2755
|
+
}
|
|
2702
2756
|
|
|
2703
2757
|
:root {
|
|
2704
2758
|
--ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
|
|
@@ -2720,29 +2774,40 @@ template {
|
|
|
2720
2774
|
--ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
|
|
2721
2775
|
--ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
|
|
2722
2776
|
--ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
|
|
2723
|
-
--ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
|
|
2777
|
+
--ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
|
|
2778
|
+
}
|
|
2724
2779
|
|
|
2725
2780
|
:root {
|
|
2726
2781
|
--ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
|
|
2727
2782
|
--ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
|
|
2728
|
-
--ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
|
|
2783
|
+
--ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
|
|
2784
|
+
}
|
|
2729
2785
|
|
|
2730
2786
|
:root {
|
|
2731
|
-
--ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
|
|
2787
|
+
--ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
|
|
2788
|
+
--ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
|
|
2789
|
+
--ab-cmp-system-status-list-text__font-weight: bold;
|
|
2790
|
+
--ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
|
|
2791
|
+
--ab-cmp-system-status-list-text__color: var(--ab-color-text-on-secondary);
|
|
2792
|
+
--ab-cmp-system-status-list-text__padding: var(--ab-space-2);
|
|
2793
|
+
}
|
|
2732
2794
|
|
|
2733
2795
|
:root {
|
|
2734
|
-
--ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
|
|
2796
|
+
--ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
|
|
2797
|
+
}
|
|
2735
2798
|
|
|
2736
2799
|
:root {
|
|
2737
2800
|
--ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
|
|
2738
2801
|
--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
|
|
2739
2802
|
--ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
|
|
2740
2803
|
--ab-cmp-adaptable-statusbar__font-weight: 400;
|
|
2741
|
-
--ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
|
|
2804
|
+
--ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
|
|
2805
|
+
}
|
|
2742
2806
|
|
|
2743
2807
|
:root {
|
|
2744
2808
|
--ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
|
|
2745
|
-
--ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
|
|
2809
|
+
--ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
|
|
2810
|
+
}
|
|
2746
2811
|
|
|
2747
2812
|
:root {
|
|
2748
2813
|
--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious: var(--ab__border-radius);
|
|
@@ -2757,66 +2822,105 @@ template {
|
|
|
2757
2822
|
--ab__border-radius
|
|
2758
2823
|
);
|
|
2759
2824
|
--ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
|
|
2760
|
-
--ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
|
|
2825
|
+
--ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
|
|
2826
|
+
}
|
|
2761
2827
|
|
|
2762
2828
|
.ab-PermitedValuesSelector__PopupContent {
|
|
2763
2829
|
z-index: 1000;
|
|
2764
2830
|
font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
|
|
2765
2831
|
border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
|
|
2766
2832
|
background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
|
|
2767
|
-
padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
|
|
2833
|
+
padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
|
|
2834
|
+
}
|
|
2835
|
+
|
|
2836
|
+
:root {
|
|
2837
|
+
--ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
|
|
2838
|
+
--ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
|
|
2839
|
+
--ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
|
|
2840
|
+
--ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
|
|
2841
|
+
var(--ab-color-primarydark);
|
|
2842
|
+
--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
|
|
2843
|
+
--ab-cmp-expression-editor-input__font-family: monospace;
|
|
2844
|
+
--ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2847
|
+
:root {
|
|
2848
|
+
--ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
|
|
2849
|
+
--ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
|
|
2850
|
+
--ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
|
|
2851
|
+
}
|
|
2768
2852
|
|
|
2769
2853
|
.ab-Radio-input:focus + svg rect {
|
|
2770
2854
|
stroke: var(--ab-color-accent);
|
|
2771
|
-
stroke-width: 2;
|
|
2855
|
+
stroke-width: 2;
|
|
2856
|
+
}
|
|
2772
2857
|
|
|
2773
2858
|
.ab-Radio-input:focus + svg {
|
|
2774
|
-
outline: 2px solid var(--ab-color-accent);
|
|
2859
|
+
outline: 2px solid var(--ab-color-accent);
|
|
2860
|
+
}
|
|
2775
2861
|
|
|
2776
|
-
.ab-Radio-input:checked + svg rect,
|
|
2777
|
-
|
|
2778
|
-
|
|
2862
|
+
.ab-Radio-input:checked + svg rect, .ab-Radio-input:checked + svg polyline {
|
|
2863
|
+
stroke: currentColor;
|
|
2864
|
+
}
|
|
2779
2865
|
|
|
2780
2866
|
.ab-Radio-input:checked + svg polyline {
|
|
2781
2867
|
animation: abRadioCheckAnimation 0.5s ease forwards;
|
|
2782
2868
|
stroke-dasharray: 50;
|
|
2783
|
-
stroke-dashoffset: 50;
|
|
2869
|
+
stroke-dashoffset: 50;
|
|
2870
|
+
}
|
|
2784
2871
|
|
|
2785
2872
|
.ab-Radio-input input:focus {
|
|
2786
2873
|
box-shadow: var(--ab-focus__box-shadow);
|
|
2787
|
-
outline: var(--ab-focus__outline);
|
|
2874
|
+
outline: var(--ab-focus__outline);
|
|
2875
|
+
}
|
|
2788
2876
|
|
|
2789
2877
|
@keyframes abRadioCheckAnimation {
|
|
2790
2878
|
100% {
|
|
2791
|
-
stroke-dashoffset: 0;
|
|
2879
|
+
stroke-dashoffset: 0;
|
|
2880
|
+
}
|
|
2881
|
+
}
|
|
2792
2882
|
|
|
2793
2883
|
.ab-Table td,
|
|
2794
2884
|
.ab-Table th {
|
|
2795
|
-
padding: var(--ab-space-2);
|
|
2885
|
+
padding: var(--ab-space-2);
|
|
2886
|
+
}
|
|
2796
2887
|
|
|
2797
2888
|
.ab-Table th {
|
|
2798
|
-
border-bottom: 2px solid var(--ab-color-primarydark);
|
|
2889
|
+
border-bottom: 2px solid var(--ab-color-primarydark);
|
|
2890
|
+
}
|
|
2799
2891
|
|
|
2800
2892
|
.ab-Table tr:not(last-child) td {
|
|
2801
|
-
border-bottom: 1px solid var(--ab-color-primarylight);
|
|
2893
|
+
border-bottom: 1px solid var(--ab-color-primarylight);
|
|
2894
|
+
}
|
|
2895
|
+
|
|
2896
|
+
.ab-CheckBox {
|
|
2897
|
+
display: inline-flex;
|
|
2898
|
+
flex-flow: row;
|
|
2899
|
+
align-items: center;
|
|
2900
|
+
cursor: pointer;
|
|
2901
|
+
position: relative;
|
|
2902
|
+
}
|
|
2802
2903
|
|
|
2803
|
-
.ab-CheckBox,
|
|
2804
|
-
.ab-CheckBox *,
|
|
2904
|
+
.ab-CheckBox, .ab-CheckBox *,
|
|
2805
2905
|
.ab-CheckBox *:before,
|
|
2806
2906
|
.ab-CheckBox *:after {
|
|
2807
|
-
box-sizing: border-box;
|
|
2907
|
+
box-sizing: border-box;
|
|
2908
|
+
}
|
|
2808
2909
|
|
|
2809
2910
|
.ab-CheckBox--checked {
|
|
2810
|
-
--ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
|
|
2911
|
+
--ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
|
|
2912
|
+
}
|
|
2811
2913
|
|
|
2812
2914
|
.ab-CheckBox--indeterminate {
|
|
2813
|
-
--ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
|
|
2915
|
+
--ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
|
|
2916
|
+
}
|
|
2814
2917
|
|
|
2815
2918
|
.ab-CheckBox:focus-within .ab-CheckBox__square,
|
|
2816
2919
|
.ab-CheckBox:active .ab-CheckBox__square,
|
|
2817
2920
|
.ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
|
|
2818
2921
|
.ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
|
|
2819
|
-
box-shadow: var(--ab-focus__box-shadow);
|
|
2922
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
2923
|
+
}
|
|
2820
2924
|
|
|
2821
2925
|
.ab-CheckBox__square {
|
|
2822
2926
|
border-radius: var(--ab__border-radius);
|
|
@@ -2824,49 +2928,55 @@ template {
|
|
|
2824
2928
|
border-style: solid;
|
|
2825
2929
|
border-color: var(--ab-cmp-checkbox__border-color);
|
|
2826
2930
|
background: var(--ab-cmp-checkbox__background);
|
|
2827
|
-
height: var(--ab-cmp-checkbox--check-size);
|
|
2828
|
-
width: var(--ab-cmp-checkbox--check-size);
|
|
2931
|
+
min-height: var(--ab-cmp-checkbox--check-size);
|
|
2932
|
+
min-width: var(--ab-cmp-checkbox--check-size);
|
|
2829
2933
|
line-height: 0;
|
|
2830
2934
|
font-size: 0;
|
|
2831
2935
|
position: relative;
|
|
2832
|
-
pointer-events: none;
|
|
2936
|
+
pointer-events: none;
|
|
2937
|
+
}
|
|
2833
2938
|
|
|
2834
2939
|
.ab-CheckBox__square:after {
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2940
|
+
opacity: 1;
|
|
2941
|
+
transition-duration: 0.1s;
|
|
2942
|
+
transition-timing-function: ease-in;
|
|
2943
|
+
transition-property: opacity;
|
|
2944
|
+
content: "";
|
|
2945
|
+
display: block;
|
|
2946
|
+
margin: auto;
|
|
2947
|
+
width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
|
|
2948
|
+
height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
|
|
2949
|
+
border: solid var(--ab-cmp-checkbox--check__color);
|
|
2950
|
+
border-width: 0 2px 2px 0;
|
|
2951
|
+
transform: rotate(45deg);
|
|
2952
|
+
border-radius: 1px;
|
|
2953
|
+
}
|
|
2848
2954
|
|
|
2849
2955
|
.ab-CheckBox__square--unchecked::after {
|
|
2850
|
-
|
|
2956
|
+
opacity: 0;
|
|
2957
|
+
}
|
|
2851
2958
|
|
|
2852
2959
|
.ab-CheckBox__square--indeterminate:after {
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2960
|
+
transform: rotate(0deg);
|
|
2961
|
+
position: absolute;
|
|
2962
|
+
top: 2px;
|
|
2963
|
+
bottom: 2px;
|
|
2964
|
+
right: 2px;
|
|
2965
|
+
left: 2px;
|
|
2966
|
+
border: none;
|
|
2967
|
+
width: auto;
|
|
2968
|
+
height: auto;
|
|
2969
|
+
background: var(--ab-cmp-checkbox--check__color);
|
|
2970
|
+
border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
|
|
2971
|
+
}
|
|
2864
2972
|
|
|
2865
2973
|
.ab-CheckBox--disabled {
|
|
2866
|
-
opacity: 0.5;
|
|
2974
|
+
opacity: 0.5;
|
|
2975
|
+
}
|
|
2867
2976
|
|
|
2868
2977
|
.ab-CheckBox--readonly .ab-CheckBox__square {
|
|
2869
|
-
opacity: 0.5;
|
|
2978
|
+
opacity: 0.5;
|
|
2979
|
+
}
|
|
2870
2980
|
|
|
2871
2981
|
.ab-CheckBox-input:not(.ag-checkbox-input) {
|
|
2872
2982
|
width: 100%;
|
|
@@ -2876,7 +2986,8 @@ template {
|
|
|
2876
2986
|
left: 0;
|
|
2877
2987
|
top: 0;
|
|
2878
2988
|
z-index: 1;
|
|
2879
|
-
position: absolute;
|
|
2989
|
+
position: absolute;
|
|
2990
|
+
}
|
|
2880
2991
|
|
|
2881
2992
|
.ab-Dialog {
|
|
2882
2993
|
position: relative;
|
|
@@ -2885,33 +2996,37 @@ template {
|
|
|
2885
2996
|
color: var(--ab-cmp-dialog__color);
|
|
2886
2997
|
border-radius: var(--ab-cmp-dialog__border-radius);
|
|
2887
2998
|
display: flex;
|
|
2888
|
-
flex-flow: column;
|
|
2999
|
+
flex-flow: column;
|
|
3000
|
+
}
|
|
2889
3001
|
|
|
2890
3002
|
.ab-Dialog:focus-within, .ab-Dialog:focus {
|
|
2891
|
-
|
|
2892
|
-
|
|
3003
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3004
|
+
outline: var(--ab-focus__outline);
|
|
3005
|
+
}
|
|
2893
3006
|
|
|
2894
3007
|
.ab-Dialog__close-button {
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
3008
|
+
position: absolute;
|
|
3009
|
+
right: 6px;
|
|
3010
|
+
top: 6px;
|
|
3011
|
+
font-size: var(--ab-font-size-3);
|
|
3012
|
+
font-weight: 700;
|
|
3013
|
+
line-height: 1;
|
|
3014
|
+
color: var(--ab-cmp-dialog-close-button__color);
|
|
3015
|
+
text-shadow: 0 1px 0 #fff;
|
|
3016
|
+
cursor: pointer;
|
|
3017
|
+
}
|
|
2904
3018
|
|
|
2905
3019
|
.ab-Dialog-fixed-wrapper {
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
3020
|
+
position: fixed;
|
|
3021
|
+
margin: auto;
|
|
3022
|
+
left: 0;
|
|
3023
|
+
top: 0;
|
|
3024
|
+
right: 0;
|
|
3025
|
+
bottom: 0;
|
|
3026
|
+
display: flex;
|
|
3027
|
+
align-items: center;
|
|
3028
|
+
justify-content: center;
|
|
3029
|
+
}
|
|
2915
3030
|
|
|
2916
3031
|
.ab-Dropdown {
|
|
2917
3032
|
background: var(--ab-color-defaultbackground);
|
|
@@ -2921,43 +3036,51 @@ template {
|
|
|
2921
3036
|
min-width: 120px;
|
|
2922
3037
|
max-width: 300px;
|
|
2923
3038
|
font-family: var(--ab-cmp-dropdown__font-family);
|
|
2924
|
-
font-size: var(--ab-cmp-dropdown__font-size);
|
|
3039
|
+
font-size: var(--ab-cmp-dropdown__font-size);
|
|
3040
|
+
}
|
|
2925
3041
|
|
|
2926
3042
|
.ab-Dropdown--disabled {
|
|
2927
|
-
|
|
3043
|
+
opacity: 0.5;
|
|
3044
|
+
}
|
|
2928
3045
|
|
|
2929
3046
|
.ab-Dropdown--focused {
|
|
2930
|
-
|
|
2931
|
-
|
|
3047
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3048
|
+
outline: var(--ab-focus__outline);
|
|
3049
|
+
}
|
|
2932
3050
|
|
|
2933
3051
|
.ab-Dropdown__text {
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
3052
|
+
color: var(--ab-cmp-dropdown__color);
|
|
3053
|
+
padding: var(--ab-cmp-dropdown__padding);
|
|
3054
|
+
pointer-events: none;
|
|
3055
|
+
position: relative;
|
|
3056
|
+
cursor: pointer;
|
|
3057
|
+
overflow: hidden;
|
|
3058
|
+
text-overflow: ellipsis;
|
|
3059
|
+
white-space: nowrap;
|
|
3060
|
+
flex: 1;
|
|
3061
|
+
}
|
|
2943
3062
|
|
|
2944
3063
|
.ab-Dropdown--empty .ab-Dropdown__text {
|
|
2945
|
-
|
|
3064
|
+
color: var(--ab-color-text-on-defaultbackground);
|
|
3065
|
+
}
|
|
2946
3066
|
|
|
2947
3067
|
.ab-Dropdown select {
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
3068
|
+
font-family: inherit;
|
|
3069
|
+
font-size: inherit;
|
|
3070
|
+
position: absolute;
|
|
3071
|
+
cursor: pointer;
|
|
3072
|
+
}
|
|
2952
3073
|
|
|
2953
3074
|
.ab-Dropdown .ab-SimpleButton {
|
|
2954
|
-
|
|
3075
|
+
color: var(--ab-cmp-dropdown__color) !important;
|
|
3076
|
+
}
|
|
2955
3077
|
|
|
2956
3078
|
.ab-DropdownButton {
|
|
2957
3079
|
position: relative;
|
|
2958
3080
|
overflow: visible;
|
|
2959
3081
|
outline: none;
|
|
2960
|
-
--ab-overlay-horizontal-align: left;
|
|
3082
|
+
--ab-overlay-horizontal-align: left;
|
|
3083
|
+
}
|
|
2961
3084
|
|
|
2962
3085
|
.ab-DropdownButton__list {
|
|
2963
3086
|
text-align: start;
|
|
@@ -2967,36 +3090,44 @@ template {
|
|
|
2967
3090
|
border: var(--ab-cmp-dropdownbutton-list__border);
|
|
2968
3091
|
border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
|
|
2969
3092
|
z-index: var(--ab-cmp-dropdownbutton-list__z-index);
|
|
2970
|
-
background: var(--ab-cmp-dropdownbutton-list__background);
|
|
3093
|
+
background: var(--ab-cmp-dropdownbutton-list__background);
|
|
3094
|
+
}
|
|
2971
3095
|
|
|
2972
3096
|
.ab-DropdownButton__content {
|
|
2973
3097
|
font-family: var(--ab__font-family);
|
|
2974
3098
|
font-size: var(--ab-font-size-2);
|
|
2975
3099
|
max-width: 100%;
|
|
2976
3100
|
width: 100%;
|
|
2977
|
-
border-spacing: 0;
|
|
3101
|
+
border-spacing: 0;
|
|
3102
|
+
}
|
|
2978
3103
|
|
|
2979
3104
|
.ab-DropdownButton__list-item {
|
|
2980
3105
|
fill: currentColor;
|
|
2981
|
-
color: var(--ab-cmp-dropdownbutton-list-item__color);
|
|
3106
|
+
color: var(--ab-cmp-dropdownbutton-list-item__color);
|
|
3107
|
+
}
|
|
2982
3108
|
|
|
2983
3109
|
.ab-DropdownButton__list-item--disabled {
|
|
2984
|
-
|
|
3110
|
+
opacity: 0.5;
|
|
3111
|
+
}
|
|
2985
3112
|
|
|
2986
3113
|
.ab-DropdownButton__list-item--not-clickable {
|
|
2987
|
-
cursor: auto;
|
|
3114
|
+
cursor: auto;
|
|
3115
|
+
}
|
|
2988
3116
|
|
|
2989
3117
|
.ab-DropdownButton__list-item--clickable:hover {
|
|
2990
3118
|
background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
|
|
2991
3119
|
color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
|
|
2992
3120
|
fill: currentColor;
|
|
2993
|
-
cursor: pointer;
|
|
3121
|
+
cursor: pointer;
|
|
3122
|
+
}
|
|
2994
3123
|
|
|
2995
3124
|
.ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
|
|
2996
|
-
|
|
3125
|
+
color: inherit;
|
|
3126
|
+
}
|
|
2997
3127
|
|
|
2998
3128
|
.ab-DropdownButton__separator td {
|
|
2999
|
-
border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
|
|
3129
|
+
border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
|
|
3130
|
+
}
|
|
3000
3131
|
|
|
3001
3132
|
.ab-EmptyContent {
|
|
3002
3133
|
position: absolute;
|
|
@@ -3006,21 +3137,25 @@ template {
|
|
|
3006
3137
|
right: 0;
|
|
3007
3138
|
font-size: var(--ab-font-size-3);
|
|
3008
3139
|
text-align: center;
|
|
3009
|
-
padding: var(--ab-space-4);
|
|
3140
|
+
padding: var(--ab-space-4);
|
|
3141
|
+
}
|
|
3010
3142
|
|
|
3011
3143
|
.ab-EmptyContent p {
|
|
3012
|
-
|
|
3144
|
+
color: var(--ab-color-text-on-primary);
|
|
3145
|
+
}
|
|
3013
3146
|
|
|
3014
3147
|
.ab-EmptyContent__wrapper {
|
|
3015
3148
|
position: relative;
|
|
3016
3149
|
width: 100%;
|
|
3017
|
-
height: 100%;
|
|
3150
|
+
height: 100%;
|
|
3151
|
+
}
|
|
3018
3152
|
|
|
3019
3153
|
.ab-ErrorBox {
|
|
3020
3154
|
padding: var(--ab-cmp-error-box__padding);
|
|
3021
3155
|
border-radius: var(--ab-cmp-error-box__border-radius);
|
|
3022
3156
|
background: var(--ab-cmp-error-box__background);
|
|
3023
|
-
color: var(--ab-cmp-error-box__color);
|
|
3157
|
+
color: var(--ab-cmp-error-box__color);
|
|
3158
|
+
}
|
|
3024
3159
|
|
|
3025
3160
|
.ab-FieldWrap {
|
|
3026
3161
|
border: 1px solid var(--ab-color-inputborder);
|
|
@@ -3028,47 +3163,53 @@ template {
|
|
|
3028
3163
|
border-radius: var(--ab-cmp-field-wrap__border-radius);
|
|
3029
3164
|
background: var(--ab-cmp-field-wrap__background);
|
|
3030
3165
|
overflow: hidden;
|
|
3031
|
-
fill: var(--ab-cmp-field-wrap__fill);
|
|
3166
|
+
fill: var(--ab-cmp-field-wrap__fill);
|
|
3167
|
+
}
|
|
3032
3168
|
|
|
3033
3169
|
.ab-FieldWrap:focus-within {
|
|
3034
|
-
|
|
3170
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3171
|
+
}
|
|
3035
3172
|
|
|
3036
|
-
.ab-FieldWrap input,
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
flex: 1; }
|
|
3173
|
+
.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
|
|
3174
|
+
border: none;
|
|
3175
|
+
flex: 1;
|
|
3176
|
+
}
|
|
3041
3177
|
|
|
3042
|
-
.ab-FieldWrap input,
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
box-shadow: none !important; }
|
|
3178
|
+
.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
|
|
3179
|
+
outline: none !important;
|
|
3180
|
+
box-shadow: none !important;
|
|
3181
|
+
}
|
|
3047
3182
|
|
|
3048
3183
|
.ab-FormLayout {
|
|
3049
3184
|
display: grid;
|
|
3050
|
-
align-items: center;
|
|
3185
|
+
align-items: center;
|
|
3186
|
+
}
|
|
3051
3187
|
|
|
3052
3188
|
.ab-FormLayout_column--label {
|
|
3053
|
-
text-align: end;
|
|
3189
|
+
text-align: end;
|
|
3190
|
+
}
|
|
3054
3191
|
|
|
3055
3192
|
.ab-HelpBlock {
|
|
3056
3193
|
padding: var(--ab-cmp-help-block__padding);
|
|
3057
3194
|
background: var(--ab-cmp-help-block__background);
|
|
3058
3195
|
border-radius: var(--ab-cmp-help-block__border-radius);
|
|
3059
|
-
color: var(--ab-cmp-help-block__color);
|
|
3196
|
+
color: var(--ab-cmp-help-block__color);
|
|
3197
|
+
}
|
|
3060
3198
|
|
|
3061
3199
|
.ab-CodeBlock {
|
|
3062
3200
|
padding: var(--ab-cmp-code-block__padding);
|
|
3063
3201
|
background: var(--ab-cmp-code-block__background);
|
|
3064
3202
|
border-radius: var(--ab-cmp-code-block__border-radius);
|
|
3065
|
-
color: var(--ab-cmp-code-block__color);
|
|
3203
|
+
color: var(--ab-cmp-code-block__color);
|
|
3204
|
+
}
|
|
3066
3205
|
|
|
3067
3206
|
input.ab-Input {
|
|
3068
|
-
background: var(--ab-cmp-input__background);
|
|
3207
|
+
background: var(--ab-cmp-input__background);
|
|
3208
|
+
}
|
|
3069
3209
|
|
|
3070
3210
|
input.ab-Input[disabled] {
|
|
3071
|
-
|
|
3211
|
+
background: var(--ab-cmp-input--disabled__background);
|
|
3212
|
+
}
|
|
3072
3213
|
|
|
3073
3214
|
.ab-Input {
|
|
3074
3215
|
position: relative;
|
|
@@ -3083,40 +3224,48 @@ input.ab-Input[disabled] {
|
|
|
3083
3224
|
/* Firefox 19+ */
|
|
3084
3225
|
/* IE 10-11 */
|
|
3085
3226
|
/* Edge */
|
|
3086
|
-
/* MODERN BROWSER */
|
|
3227
|
+
/* MODERN BROWSER */
|
|
3228
|
+
}
|
|
3087
3229
|
|
|
3088
3230
|
.ab-Input:focus {
|
|
3089
|
-
|
|
3090
|
-
|
|
3231
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3232
|
+
outline: var(--ab-focus__outline);
|
|
3233
|
+
}
|
|
3091
3234
|
|
|
3092
3235
|
.ab-Input::-webkit-input-placeholder {
|
|
3093
|
-
|
|
3094
|
-
|
|
3236
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3237
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3238
|
+
}
|
|
3095
3239
|
|
|
3096
3240
|
.ab-Input:-moz-placeholder {
|
|
3097
|
-
|
|
3098
|
-
|
|
3241
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3242
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3243
|
+
}
|
|
3099
3244
|
|
|
3100
3245
|
.ab-Input::-moz-placeholder {
|
|
3101
|
-
|
|
3102
|
-
|
|
3246
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3247
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3248
|
+
}
|
|
3103
3249
|
|
|
3104
3250
|
.ab-Input:-ms-input-placeholder {
|
|
3105
|
-
|
|
3106
|
-
|
|
3251
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3252
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3253
|
+
}
|
|
3107
3254
|
|
|
3108
3255
|
.ab-Input::-ms-input-placeholder {
|
|
3109
|
-
|
|
3110
|
-
|
|
3256
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3257
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3258
|
+
}
|
|
3111
3259
|
|
|
3112
3260
|
.ab-Input::placeholder {
|
|
3113
|
-
|
|
3114
|
-
|
|
3261
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3262
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3263
|
+
}
|
|
3115
3264
|
|
|
3116
3265
|
/* Spin Buttons modified */
|
|
3117
3266
|
|
|
3118
|
-
input[type=
|
|
3119
|
-
input[type=
|
|
3267
|
+
input[type=number].ab-Input::-webkit-outer-spin-button,
|
|
3268
|
+
input[type=number].ab-Input::-webkit-inner-spin-button {
|
|
3120
3269
|
-webkit-appearance: none;
|
|
3121
3270
|
width: 1em;
|
|
3122
3271
|
opacity: 0;
|
|
@@ -3124,17 +3273,20 @@ input[type='number'].ab-Input::-webkit-inner-spin-button {
|
|
|
3124
3273
|
top: 0;
|
|
3125
3274
|
right: 0;
|
|
3126
3275
|
bottom: 0;
|
|
3127
|
-
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
|
|
3276
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
|
|
3277
|
+
}
|
|
3128
3278
|
|
|
3129
|
-
input[type=
|
|
3130
|
-
input[type=
|
|
3131
|
-
input[type=
|
|
3132
|
-
opacity: 1;
|
|
3279
|
+
input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
|
|
3280
|
+
input[type=number].ab-Input:hover::-webkit-inner-spin-button,
|
|
3281
|
+
input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
3282
|
+
opacity: 1;
|
|
3283
|
+
}
|
|
3133
3284
|
|
|
3134
3285
|
.ab-ListGroup {
|
|
3135
3286
|
display: flex;
|
|
3136
3287
|
flex-flow: column;
|
|
3137
|
-
align-items: flex-start;
|
|
3288
|
+
align-items: flex-start;
|
|
3289
|
+
}
|
|
3138
3290
|
|
|
3139
3291
|
:root {
|
|
3140
3292
|
--ab-cmp-listgroupitem__width: 100%;
|
|
@@ -3144,7 +3296,8 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3144
3296
|
--ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
|
|
3145
3297
|
--ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
|
|
3146
3298
|
--ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
|
|
3147
|
-
--ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
|
|
3299
|
+
--ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
|
|
3300
|
+
}
|
|
3148
3301
|
|
|
3149
3302
|
.ab-Modal {
|
|
3150
3303
|
position: fixed;
|
|
@@ -3153,10 +3306,12 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3153
3306
|
right: 0;
|
|
3154
3307
|
bottom: 0;
|
|
3155
3308
|
z-index: 1000;
|
|
3156
|
-
font-family: var(--ab__font-family);
|
|
3309
|
+
font-family: var(--ab__font-family);
|
|
3310
|
+
}
|
|
3157
3311
|
|
|
3158
3312
|
.ab-Modal.ab-Modal--resizable-and-movable {
|
|
3159
|
-
position: relative;
|
|
3313
|
+
position: relative;
|
|
3314
|
+
}
|
|
3160
3315
|
|
|
3161
3316
|
.ab-Modal-backdrop {
|
|
3162
3317
|
background: var(--ab-cmp-modal-backdrop__background);
|
|
@@ -3165,68 +3320,81 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3165
3320
|
left: 0;
|
|
3166
3321
|
right: 0;
|
|
3167
3322
|
top: 0;
|
|
3168
|
-
bottom: 0;
|
|
3323
|
+
bottom: 0;
|
|
3324
|
+
}
|
|
3169
3325
|
|
|
3170
3326
|
.ab-Tabs {
|
|
3171
3327
|
display: flex;
|
|
3172
|
-
flex-direction: column;
|
|
3328
|
+
flex-direction: column;
|
|
3329
|
+
}
|
|
3173
3330
|
|
|
3174
|
-
.ab-Tabs[data-selected-index=
|
|
3331
|
+
.ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
|
|
3175
3332
|
.ab-Tabs__Tab--before-active {
|
|
3176
|
-
border-bottom-right-radius: var(--ab__border-radius);
|
|
3333
|
+
border-bottom-right-radius: var(--ab__border-radius);
|
|
3334
|
+
}
|
|
3177
3335
|
|
|
3178
3336
|
.ab-Tabs__Strip {
|
|
3179
3337
|
z-index: 10;
|
|
3180
|
-
overflow: visible;
|
|
3338
|
+
overflow: visible;
|
|
3339
|
+
}
|
|
3181
3340
|
|
|
3182
3341
|
.ab-Tabs__Tab {
|
|
3183
3342
|
cursor: pointer;
|
|
3184
|
-
background: var(--ab-cmp-tabs-strip__background);
|
|
3343
|
+
background: var(--ab-cmp-tabs-strip__background);
|
|
3344
|
+
}
|
|
3185
3345
|
|
|
3186
3346
|
.ab-Tabs__Tab:focus {
|
|
3187
|
-
|
|
3347
|
+
outline: none;
|
|
3348
|
+
}
|
|
3188
3349
|
|
|
3189
3350
|
.ab-Tabs__Tab:focus:after {
|
|
3190
|
-
|
|
3351
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3352
|
+
}
|
|
3191
3353
|
|
|
3192
3354
|
.ab-Tabs__Filler {
|
|
3193
|
-
background: var(--ab-cmp-tabs-strip__background);
|
|
3355
|
+
background: var(--ab-cmp-tabs-strip__background);
|
|
3356
|
+
}
|
|
3194
3357
|
|
|
3195
3358
|
.ab-Tabs__Tab--active + .ab-Tabs__Filler,
|
|
3196
3359
|
.ab-Tabs__Tab--active + .ab-Tabs__Tab {
|
|
3197
|
-
border-bottom-left-radius: var(--ab__border-radius);
|
|
3360
|
+
border-bottom-left-radius: var(--ab__border-radius);
|
|
3361
|
+
}
|
|
3198
3362
|
|
|
3199
3363
|
.ab-Tabs__Tab--active {
|
|
3200
3364
|
position: relative;
|
|
3201
|
-
z-index: 30;
|
|
3365
|
+
z-index: 30;
|
|
3366
|
+
}
|
|
3202
3367
|
|
|
3203
3368
|
.ab-Tabs__Tab--active:after {
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3369
|
+
content: "";
|
|
3370
|
+
pointer-events: none;
|
|
3371
|
+
position: absolute;
|
|
3372
|
+
top: 0;
|
|
3373
|
+
bottom: 5px;
|
|
3374
|
+
right: 0;
|
|
3375
|
+
left: 0;
|
|
3376
|
+
z-index: -2;
|
|
3377
|
+
border-top-left-radius: var(--ab__border-radius);
|
|
3378
|
+
border-top-right-radius: var(--ab__border-radius);
|
|
3379
|
+
}
|
|
3214
3380
|
|
|
3215
3381
|
.ab-Tabs__Tab--active:before {
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3382
|
+
content: "";
|
|
3383
|
+
position: absolute;
|
|
3384
|
+
pointer-events: none;
|
|
3385
|
+
border-top-left-radius: var(--ab__border-radius);
|
|
3386
|
+
border-top-right-radius: var(--ab__border-radius);
|
|
3387
|
+
z-index: -1;
|
|
3388
|
+
left: 0;
|
|
3389
|
+
top: 0;
|
|
3390
|
+
width: 100%;
|
|
3391
|
+
height: 100%;
|
|
3392
|
+
background: var(--ab-cmp-tabs-active__background);
|
|
3393
|
+
}
|
|
3227
3394
|
|
|
3228
3395
|
.ab-Tabs__Strip {
|
|
3229
|
-
background: var(--ab-cmp-tabs-active__background);
|
|
3396
|
+
background: var(--ab-cmp-tabs-active__background);
|
|
3397
|
+
}
|
|
3230
3398
|
|
|
3231
3399
|
.ab-Tabs__Body {
|
|
3232
3400
|
background: var(--ab-cmp-tabs-active__background);
|
|
@@ -3234,76 +3402,91 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3234
3402
|
flex: 1;
|
|
3235
3403
|
overflow: auto;
|
|
3236
3404
|
display: flex;
|
|
3237
|
-
flex-flow: column;
|
|
3405
|
+
flex-flow: column;
|
|
3406
|
+
}
|
|
3238
3407
|
|
|
3239
|
-
.ab-Tabs[data-selected-index=
|
|
3240
|
-
border-top-left-radius: 0;
|
|
3408
|
+
.ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
|
|
3409
|
+
border-top-left-radius: 0;
|
|
3410
|
+
}
|
|
3241
3411
|
|
|
3242
3412
|
.ab-Panel {
|
|
3243
3413
|
display: flex;
|
|
3244
3414
|
flex-flow: column;
|
|
3245
3415
|
max-height: var(--ab-cmp-panel__max-height);
|
|
3246
3416
|
overflow: auto;
|
|
3247
|
-
font-size: var(--ab-cmp-panel__font-size);
|
|
3417
|
+
font-size: var(--ab-cmp-panel__font-size);
|
|
3418
|
+
}
|
|
3248
3419
|
|
|
3249
3420
|
.ab-Panel .glyphicon {
|
|
3250
|
-
|
|
3251
|
-
|
|
3421
|
+
-webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
|
|
3422
|
+
fill: var(--ab-cmp-panel-icon__fill);
|
|
3423
|
+
}
|
|
3252
3424
|
|
|
3253
3425
|
.ab-Panel--variant-modern {
|
|
3254
|
-
|
|
3426
|
+
--ab-cmp-panel__border-radius: var(--ab-space-1);
|
|
3427
|
+
}
|
|
3255
3428
|
|
|
3256
3429
|
.ab-Panel__header {
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3430
|
+
flex: none;
|
|
3431
|
+
background: var(--ab-cmp-panel_header__background);
|
|
3432
|
+
color: var(--ab-cmp-panel_header__color);
|
|
3433
|
+
font-size: var(--ab-cmp-panel_header__font-size);
|
|
3434
|
+
padding: var(--ab-cmp-panel_header__padding);
|
|
3435
|
+
border-top-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3436
|
+
border-top-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3437
|
+
border: var(--ab-cmp-panel__border);
|
|
3438
|
+
}
|
|
3265
3439
|
|
|
3266
3440
|
.ab-Panel__header--variant-primary {
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3441
|
+
background: var(--ab-cmp-panel_header--variant-primary__background);
|
|
3442
|
+
color: var(--ab-cmp-panel_header--variant-primary__color);
|
|
3443
|
+
fill: currentColor;
|
|
3444
|
+
}
|
|
3270
3445
|
|
|
3271
3446
|
.ab-Panel__header--variant-modern {
|
|
3272
|
-
|
|
3273
|
-
|
|
3447
|
+
border: none;
|
|
3448
|
+
background: var(--ab-cmp-panel_header--variant-modern__background);
|
|
3449
|
+
}
|
|
3274
3450
|
|
|
3275
3451
|
.ab-Panel__body {
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3452
|
+
position: relative;
|
|
3453
|
+
padding: var(--ab-cmp-panel__padding);
|
|
3454
|
+
border: var(--ab-cmp-panel__border);
|
|
3455
|
+
background: var(--ab-cmp-panel_body__background);
|
|
3456
|
+
color: var(--ab-cmp-panel_body__color);
|
|
3457
|
+
flex: 1;
|
|
3458
|
+
border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3459
|
+
border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3460
|
+
}
|
|
3284
3461
|
|
|
3285
3462
|
.ab-Panel__body--scroll-auto {
|
|
3286
|
-
|
|
3463
|
+
overflow: auto;
|
|
3464
|
+
}
|
|
3287
3465
|
|
|
3288
3466
|
.ab-Panel__body--variant-modern {
|
|
3289
|
-
|
|
3290
|
-
|
|
3467
|
+
border: none;
|
|
3468
|
+
background: var(--ab-cmp-panel_body--variant-modern__background);
|
|
3469
|
+
}
|
|
3291
3470
|
|
|
3292
3471
|
.ab-Panel--with-header > .ab-Panel__body {
|
|
3293
|
-
|
|
3472
|
+
border-top: none;
|
|
3473
|
+
}
|
|
3294
3474
|
|
|
3295
3475
|
.ab-Panel--no-header > .ab-Panel__body {
|
|
3296
|
-
|
|
3297
|
-
|
|
3476
|
+
border-top-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3477
|
+
border-top-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3478
|
+
}
|
|
3298
3479
|
|
|
3299
3480
|
.ab-SimpleButton {
|
|
3300
3481
|
padding: var(--ab-cmp-simple-button__padding);
|
|
3301
3482
|
font-family: var(--ab-cmp-simple-button__font-family);
|
|
3302
|
-
font-size: var(--ab-cmp-simple-button__font-size);
|
|
3483
|
+
font-size: var(--ab-cmp-simple-button__font-size);
|
|
3484
|
+
}
|
|
3303
3485
|
|
|
3304
3486
|
.ab-SimpleButton:focus {
|
|
3305
|
-
|
|
3306
|
-
|
|
3487
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3488
|
+
outline: var(--ab-focus__outline);
|
|
3489
|
+
}
|
|
3307
3490
|
|
|
3308
3491
|
.ab-SimpleButton.ab-SimpleButton {
|
|
3309
3492
|
vertical-align: middle;
|
|
@@ -3315,143 +3498,182 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3315
3498
|
flex-flow: row;
|
|
3316
3499
|
flex: none;
|
|
3317
3500
|
align-items: center;
|
|
3318
|
-
fill: currentColor;
|
|
3501
|
+
fill: currentColor;
|
|
3502
|
+
}
|
|
3319
3503
|
|
|
3320
3504
|
.ab-SimpleButton.ab-SimpleButton > * {
|
|
3321
|
-
|
|
3505
|
+
z-index: 1;
|
|
3506
|
+
}
|
|
3322
3507
|
|
|
3323
3508
|
.ab-SimpleButton.ab-SimpleButton svg {
|
|
3324
|
-
|
|
3509
|
+
vertical-align: middle;
|
|
3510
|
+
}
|
|
3325
3511
|
|
|
3326
3512
|
.ab-SimpleButton.ab-SimpleButton--tone-neutral {
|
|
3327
|
-
|
|
3513
|
+
color: var(--ab-color-text-on-primary);
|
|
3514
|
+
}
|
|
3328
3515
|
|
|
3329
3516
|
.ab-SimpleButton.ab-SimpleButton--tone-none {
|
|
3330
|
-
|
|
3517
|
+
color: inherit;
|
|
3518
|
+
}
|
|
3331
3519
|
|
|
3332
3520
|
.ab-SimpleButton.ab-SimpleButton--tone-success {
|
|
3333
|
-
|
|
3521
|
+
color: var(--ab-color-success);
|
|
3522
|
+
}
|
|
3334
3523
|
|
|
3335
3524
|
.ab-SimpleButton.ab-SimpleButton--tone-accent {
|
|
3336
|
-
|
|
3525
|
+
color: var(--ab-color-text-on-secondary);
|
|
3526
|
+
}
|
|
3337
3527
|
|
|
3338
3528
|
.ab-SimpleButton.ab-SimpleButton--tone-error {
|
|
3339
|
-
|
|
3529
|
+
color: var(--ab-color-error);
|
|
3530
|
+
}
|
|
3340
3531
|
|
|
3341
3532
|
.ab-SimpleButton.ab-SimpleButton--tone-warning {
|
|
3342
|
-
|
|
3533
|
+
color: var(--ab-color-warn);
|
|
3534
|
+
}
|
|
3343
3535
|
|
|
3344
3536
|
.ab-SimpleButton.ab-SimpleButton--tone-info {
|
|
3345
|
-
|
|
3537
|
+
color: var(--ab-color-info);
|
|
3538
|
+
}
|
|
3346
3539
|
|
|
3347
3540
|
.ab-SimpleButton.ab-SimpleButton--disabled {
|
|
3348
|
-
|
|
3541
|
+
opacity: 0.5;
|
|
3542
|
+
}
|
|
3349
3543
|
|
|
3350
3544
|
.ab-SimpleButton.ab-SimpleButton:before {
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3545
|
+
content: "";
|
|
3546
|
+
position: absolute;
|
|
3547
|
+
display: block;
|
|
3548
|
+
left: 0;
|
|
3549
|
+
right: 0;
|
|
3550
|
+
top: 0;
|
|
3551
|
+
bottom: 0;
|
|
3552
|
+
pointer-events: none;
|
|
3553
|
+
z-index: 0;
|
|
3554
|
+
border-radius: inherit;
|
|
3555
|
+
}
|
|
3361
3556
|
|
|
3362
3557
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
|
|
3363
|
-
|
|
3558
|
+
transition: opacity 0.2s;
|
|
3559
|
+
}
|
|
3364
3560
|
|
|
3365
3561
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3562
|
+
content: "";
|
|
3563
|
+
opacity: 0;
|
|
3564
|
+
transition: opacity 0.2s;
|
|
3565
|
+
}
|
|
3369
3566
|
|
|
3370
3567
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled), .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled) {
|
|
3371
|
-
|
|
3568
|
+
cursor: pointer;
|
|
3569
|
+
}
|
|
3372
3570
|
|
|
3373
3571
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled):before, .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled):before {
|
|
3374
|
-
|
|
3375
|
-
|
|
3572
|
+
opacity: 0.15;
|
|
3573
|
+
background-color: currentColor;
|
|
3574
|
+
}
|
|
3376
3575
|
|
|
3377
3576
|
.ab-SimpleButton.ab-SimpleButton--variant-text {
|
|
3378
|
-
|
|
3577
|
+
background: transparent;
|
|
3578
|
+
}
|
|
3379
3579
|
|
|
3380
3580
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined {
|
|
3381
|
-
|
|
3382
|
-
|
|
3581
|
+
background: var(--ab-cmp-simple-button--outlined__background);
|
|
3582
|
+
border: var(--ab-cmp-simple-button--outlined__border);
|
|
3583
|
+
}
|
|
3383
3584
|
|
|
3384
3585
|
.ab-SimpleButton.ab-SimpleButton--variant-raised {
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3586
|
+
color: var(--ab-color-text-on-primary);
|
|
3587
|
+
box-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);
|
|
3588
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
3589
|
+
}
|
|
3388
3590
|
|
|
3389
3591
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
|
|
3390
|
-
|
|
3592
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3593
|
+
}
|
|
3391
3594
|
|
|
3392
3595
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:hover {
|
|
3393
|
-
|
|
3596
|
+
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
|
3597
|
+
}
|
|
3394
3598
|
|
|
3395
3599
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
|
|
3396
|
-
|
|
3600
|
+
cursor: pointer;
|
|
3601
|
+
}
|
|
3397
3602
|
|
|
3398
3603
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
|
|
3399
|
-
|
|
3400
|
-
|
|
3604
|
+
background: var(--ab-color-success);
|
|
3605
|
+
color: var(--ab-color-text-on-success);
|
|
3606
|
+
}
|
|
3401
3607
|
|
|
3402
3608
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
|
|
3403
|
-
|
|
3609
|
+
opacity: 1;
|
|
3610
|
+
}
|
|
3404
3611
|
|
|
3405
3612
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
|
|
3406
|
-
|
|
3407
|
-
|
|
3613
|
+
background: var(--ab-color-secondary);
|
|
3614
|
+
color: var(--ab-color-text-on-secondary);
|
|
3615
|
+
}
|
|
3408
3616
|
|
|
3409
3617
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
|
|
3410
|
-
|
|
3618
|
+
opacity: 1;
|
|
3619
|
+
}
|
|
3411
3620
|
|
|
3412
3621
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
|
|
3413
|
-
|
|
3622
|
+
background: transparent;
|
|
3623
|
+
}
|
|
3414
3624
|
|
|
3415
3625
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
|
|
3416
|
-
|
|
3626
|
+
opacity: 1;
|
|
3627
|
+
}
|
|
3417
3628
|
|
|
3418
3629
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
|
|
3419
|
-
|
|
3420
|
-
|
|
3630
|
+
background: var(--ab-color-primary);
|
|
3631
|
+
color: var(--ab-color-text-on-primary);
|
|
3632
|
+
}
|
|
3421
3633
|
|
|
3422
3634
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
|
|
3423
|
-
|
|
3635
|
+
opacity: 1;
|
|
3636
|
+
}
|
|
3424
3637
|
|
|
3425
3638
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
|
|
3426
|
-
|
|
3427
|
-
|
|
3639
|
+
background: var(--ab-color-error);
|
|
3640
|
+
color: var(--ab-color-text-on-error);
|
|
3641
|
+
}
|
|
3428
3642
|
|
|
3429
3643
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
|
|
3430
|
-
|
|
3644
|
+
opacity: 1;
|
|
3645
|
+
}
|
|
3431
3646
|
|
|
3432
3647
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
|
|
3433
|
-
|
|
3434
|
-
|
|
3648
|
+
background: var(--ab-color-warn);
|
|
3649
|
+
color: var(--ab-color-text-on-warn);
|
|
3650
|
+
}
|
|
3435
3651
|
|
|
3436
3652
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
|
|
3437
|
-
|
|
3653
|
+
opacity: 1;
|
|
3654
|
+
}
|
|
3438
3655
|
|
|
3439
3656
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
|
|
3440
|
-
|
|
3441
|
-
|
|
3657
|
+
background: var(--ab-color-info);
|
|
3658
|
+
color: var(--ab-color-text-on-info);
|
|
3659
|
+
}
|
|
3442
3660
|
|
|
3443
3661
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
|
|
3444
|
-
|
|
3662
|
+
opacity: 1;
|
|
3663
|
+
}
|
|
3445
3664
|
|
|
3446
3665
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
|
|
3447
|
-
font-weight: normal;
|
|
3666
|
+
font-weight: normal;
|
|
3667
|
+
}
|
|
3448
3668
|
|
|
3449
3669
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
|
|
3450
3670
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
|
|
3451
|
-
font-weight: 700;
|
|
3671
|
+
font-weight: 700;
|
|
3672
|
+
}
|
|
3452
3673
|
|
|
3453
3674
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
|
|
3454
|
-
font-weight: 800;
|
|
3675
|
+
font-weight: 800;
|
|
3676
|
+
}
|
|
3455
3677
|
|
|
3456
3678
|
.ab-Textarea {
|
|
3457
3679
|
padding: var(--ab-cmp-textarea__padding);
|
|
@@ -3460,35 +3682,40 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3460
3682
|
color: var(--ab-cmp-textarea__color);
|
|
3461
3683
|
font-family: var(--ab-cmp-textarea__font-family);
|
|
3462
3684
|
font-size: var(--ab-cmp-textarea__font-size);
|
|
3463
|
-
background: var(--ab-cmp-textarea__background);
|
|
3685
|
+
background: var(--ab-cmp-textarea__background);
|
|
3686
|
+
}
|
|
3464
3687
|
|
|
3465
3688
|
.ab-Textarea[disabled] {
|
|
3466
|
-
|
|
3689
|
+
background: var(--ab-cmp-textarea--disabled__background);
|
|
3690
|
+
}
|
|
3467
3691
|
|
|
3468
3692
|
.ab-Textarea:focus {
|
|
3469
|
-
|
|
3470
|
-
|
|
3693
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3694
|
+
outline: var(--ab-focus__outline);
|
|
3695
|
+
}
|
|
3471
3696
|
|
|
3472
3697
|
.ab-Tooltip {
|
|
3473
3698
|
pointer-events: none;
|
|
3474
3699
|
padding: var(--ab-space-1) var(--ab-space-2);
|
|
3475
|
-
box-shadow: 2px 2px 10px
|
|
3700
|
+
box-shadow: 2px 2px 10px hsla(0deg, 0%, 0%, 0.1);
|
|
3476
3701
|
white-space: nowrap;
|
|
3477
3702
|
font-size: var(--ab-cmp-tooltip__font-size);
|
|
3478
|
-
color: var(--ab-cmp-tooltip__color);
|
|
3703
|
+
color: var(--ab-cmp-tooltip__color);
|
|
3704
|
+
}
|
|
3479
3705
|
|
|
3480
3706
|
.ab-Tooltip:before {
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3707
|
+
border: var(--ab-cmp-tooltip__border);
|
|
3708
|
+
content: "";
|
|
3709
|
+
position: absolute;
|
|
3710
|
+
border-radius: var(--ab__border-radius);
|
|
3711
|
+
width: 100%;
|
|
3712
|
+
height: 100%;
|
|
3713
|
+
left: 0;
|
|
3714
|
+
top: 0;
|
|
3715
|
+
opacity: var(--ab-cmp-tooltip__opacity);
|
|
3716
|
+
background: var(--ab-cmp-tooltip__background);
|
|
3717
|
+
z-index: -1;
|
|
3718
|
+
}
|
|
3492
3719
|
|
|
3493
3720
|
.ab-FileDroppable {
|
|
3494
3721
|
align-items: center;
|
|
@@ -3499,187 +3726,224 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3499
3726
|
transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
|
|
3500
3727
|
outline: var(--ab-cmp-file-droppable__outline);
|
|
3501
3728
|
outline-offset: var(--ab-cmp-file-droppable__outline-offset);
|
|
3502
|
-
background: var(--ab-cmp-file-droppable__background);
|
|
3729
|
+
background: var(--ab-cmp-file-droppable__background);
|
|
3730
|
+
}
|
|
3503
3731
|
|
|
3504
3732
|
.ab-FileDroppable,
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3733
|
+
.ab-FileDroppable input,
|
|
3734
|
+
.ab-FileDroppable button,
|
|
3735
|
+
.ab-FileDroppable .ab-SimpleButton {
|
|
3736
|
+
transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
|
|
3737
|
+
fill: currentColor;
|
|
3738
|
+
}
|
|
3510
3739
|
|
|
3511
3740
|
.ab-FileDroppable,
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3741
|
+
.ab-FileDroppable input,
|
|
3742
|
+
.ab-FileDroppable button {
|
|
3743
|
+
color: var(--ab-cmp-file-droppable__color);
|
|
3744
|
+
}
|
|
3515
3745
|
|
|
3516
3746
|
.ab-FileDroppable.ab-FileDroppable--drag-over {
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3747
|
+
outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
|
|
3748
|
+
outline: var(--ab-cmp-file-droppable--drag-over__outline);
|
|
3749
|
+
background: var(--ab-cmp-file-droppable--drag-over__background);
|
|
3750
|
+
color: var(--ab-cmp-file-droppable--drag-over__color);
|
|
3751
|
+
}
|
|
3521
3752
|
|
|
3522
3753
|
.ab-FileDroppable.ab-FileDroppable--drag-over * {
|
|
3523
|
-
|
|
3754
|
+
pointer-events: none;
|
|
3755
|
+
}
|
|
3524
3756
|
|
|
3525
3757
|
.ab-FileDroppable,
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3758
|
+
.ab-FileDroppable *,
|
|
3759
|
+
.ab-FileDroppable *:before,
|
|
3760
|
+
.ab-FileDroppable *:after {
|
|
3761
|
+
box-sizing: border-box;
|
|
3762
|
+
}
|
|
3530
3763
|
|
|
3531
3764
|
.ab-WizardPanel > .ab-Panel__body {
|
|
3532
3765
|
display: flex;
|
|
3533
|
-
flex-flow: column;
|
|
3766
|
+
flex-flow: column;
|
|
3767
|
+
}
|
|
3534
3768
|
|
|
3535
3769
|
.ab-Dashboard {
|
|
3536
3770
|
z-index: 1000;
|
|
3537
3771
|
user-select: none;
|
|
3538
3772
|
background: var(--ab-dashboard-gap__background);
|
|
3539
3773
|
color: var(--ab-dashboard__color);
|
|
3540
|
-
font-family: var(--ab-dashboard__font-family);
|
|
3774
|
+
font-family: var(--ab-dashboard__font-family);
|
|
3775
|
+
}
|
|
3541
3776
|
|
|
3542
3777
|
.ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
|
|
3543
|
-
|
|
3778
|
+
display: flex;
|
|
3779
|
+
}
|
|
3544
3780
|
|
|
3545
3781
|
.ab-Dashboard__header {
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3782
|
+
display: flex;
|
|
3783
|
+
align-items: stretch;
|
|
3784
|
+
background: var(--ab-dashboard-header__background);
|
|
3785
|
+
color: var(--ab-dashboard-header__color);
|
|
3786
|
+
height: 40px;
|
|
3787
|
+
padding: 0 var(--ab-space-2);
|
|
3788
|
+
}
|
|
3552
3789
|
|
|
3553
3790
|
.ab-Dashboard__header-left, .ab-Dashboard__header-right {
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3791
|
+
display: flex;
|
|
3792
|
+
align-items: center;
|
|
3793
|
+
flex: 1;
|
|
3794
|
+
}
|
|
3557
3795
|
|
|
3558
3796
|
.ab-Dashboard__header-left {
|
|
3559
|
-
|
|
3797
|
+
justify-content: flex-start;
|
|
3798
|
+
}
|
|
3560
3799
|
|
|
3561
3800
|
.ab-Dashboard__header-right {
|
|
3562
|
-
|
|
3801
|
+
justify-content: flex-end;
|
|
3802
|
+
}
|
|
3563
3803
|
|
|
3564
3804
|
.ab-Dashboard__title {
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3805
|
+
display: flex;
|
|
3806
|
+
align-items: center;
|
|
3807
|
+
padding: 0 var(--ab-space-3);
|
|
3808
|
+
font-weight: bold;
|
|
3809
|
+
font-size: var(--ab-font-size-4);
|
|
3810
|
+
}
|
|
3570
3811
|
|
|
3571
3812
|
.ab-Dashboard__tabs {
|
|
3572
|
-
|
|
3573
|
-
|
|
3813
|
+
align-self: flex-end;
|
|
3814
|
+
margin-left: var(--ab-space-2);
|
|
3815
|
+
}
|
|
3574
3816
|
|
|
3575
3817
|
.ab-Dashboard__tab {
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3818
|
+
border: none;
|
|
3819
|
+
outline: none;
|
|
3820
|
+
cursor: pointer;
|
|
3821
|
+
font-size: var(--ab-font-size-3);
|
|
3822
|
+
border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
|
|
3823
|
+
padding: 8px 12px 12px 12px;
|
|
3824
|
+
color: var(--ab-dashboard-header__color);
|
|
3825
|
+
background: var(--ab-dashboard-header__background);
|
|
3826
|
+
}
|
|
3584
3827
|
|
|
3585
3828
|
.ab-Dashboard__tab--active {
|
|
3586
|
-
|
|
3587
|
-
|
|
3829
|
+
color: var(--ab-dashboard__color);
|
|
3830
|
+
background: var(--ab-dashboard__background);
|
|
3831
|
+
}
|
|
3588
3832
|
|
|
3589
3833
|
.ab-Dashboard__content {
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3834
|
+
display: flex;
|
|
3835
|
+
grid-gap: var(--ab-dashboard-gap-size);
|
|
3836
|
+
flex-flow: var(--ab-dashboard-wrap);
|
|
3837
|
+
align-items: stretch;
|
|
3838
|
+
flex: 1;
|
|
3839
|
+
overflow-x: auto;
|
|
3840
|
+
padding: var(--ab-dashboard-gap-size);
|
|
3841
|
+
}
|
|
3597
3842
|
|
|
3598
3843
|
.ab-Dashboard__container {
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3844
|
+
display: flex;
|
|
3845
|
+
flex-shrink: 0;
|
|
3846
|
+
background: var(--ab-dashboard__background);
|
|
3847
|
+
}
|
|
3602
3848
|
|
|
3603
3849
|
.ab-Dashboard__content-buttons {
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3608
|
-
|
|
3850
|
+
display: flex;
|
|
3851
|
+
flex-direction: column;
|
|
3852
|
+
align-self: stretch;
|
|
3853
|
+
padding: var(--ab-space-2);
|
|
3854
|
+
border-left: 1px solid var(--ab-dashboard__border);
|
|
3855
|
+
}
|
|
3609
3856
|
|
|
3610
3857
|
.ab-Dashboard__toolbar {
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3858
|
+
display: flex;
|
|
3859
|
+
flex-direction: column;
|
|
3860
|
+
justify-content: space-between;
|
|
3861
|
+
font-size: var(--ab-font-size-3);
|
|
3862
|
+
}
|
|
3615
3863
|
|
|
3616
3864
|
.ab-Dashboard__toolbar-content {
|
|
3617
|
-
|
|
3618
|
-
|
|
3865
|
+
padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
|
|
3866
|
+
display: flex;
|
|
3867
|
+
}
|
|
3619
3868
|
|
|
3620
3869
|
.ab-Dashboard__toolbar-title {
|
|
3621
|
-
|
|
3622
|
-
|
|
3623
|
-
|
|
3624
|
-
|
|
3625
|
-
|
|
3626
|
-
|
|
3870
|
+
display: flex;
|
|
3871
|
+
align-items: center;
|
|
3872
|
+
justify-content: center;
|
|
3873
|
+
font-size: var(--ab-font-size-2);
|
|
3874
|
+
padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
|
|
3875
|
+
opacity: 0.7;
|
|
3876
|
+
}
|
|
3627
3877
|
|
|
3628
3878
|
.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
|
|
3632
|
-
|
|
3879
|
+
color: var(--ab-dashboard-header__color);
|
|
3880
|
+
background: var(--ab-dashboard-header__background);
|
|
3881
|
+
padding-top: var(--ab-dashboard-gap-size);
|
|
3882
|
+
padding-bottom: var(--ab-dashboard-gap-size);
|
|
3883
|
+
}
|
|
3633
3884
|
|
|
3634
3885
|
.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
|
|
3635
|
-
|
|
3886
|
+
opacity: 1;
|
|
3887
|
+
}
|
|
3636
3888
|
|
|
3637
3889
|
.ab-Dashboard .ab-Input {
|
|
3638
|
-
|
|
3890
|
+
border: none;
|
|
3891
|
+
}
|
|
3639
3892
|
|
|
3640
3893
|
.ab-Dashboard .ab-DashboardToolbar__Export__wrap {
|
|
3641
|
-
|
|
3894
|
+
white-space: nowrap;
|
|
3895
|
+
}
|
|
3642
3896
|
|
|
3643
3897
|
.ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
|
|
3644
|
-
|
|
3898
|
+
padding: var(--ab-space-1);
|
|
3899
|
+
}
|
|
3645
3900
|
|
|
3646
3901
|
.ab-Dashboard .ab-StateManagement__Clear-Button,
|
|
3647
|
-
|
|
3648
|
-
|
|
3649
|
-
|
|
3902
|
+
.ab-Dashboard .ab-StateManagement__Load-Button,
|
|
3903
|
+
.ab-Dashboard .ab-StateManagement__Export-Dropdown {
|
|
3904
|
+
margin-left: var(--ab-space-1);
|
|
3905
|
+
}
|
|
3650
3906
|
|
|
3651
3907
|
.ab-GridList {
|
|
3652
|
-
--at-grid__background: transparent;
|
|
3908
|
+
--at-grid__background: transparent;
|
|
3909
|
+
}
|
|
3653
3910
|
|
|
3654
3911
|
.ab-GridList .AT-GridCell_content,
|
|
3655
|
-
|
|
3656
|
-
|
|
3657
|
-
|
|
3912
|
+
.ab-GridList .ab-ListGroupItem,
|
|
3913
|
+
.ab-GridList .AT-GridColumnCell {
|
|
3914
|
+
width: 100%;
|
|
3915
|
+
}
|
|
3658
3916
|
|
|
3659
3917
|
.ab-GridList .AT-GridHeader {
|
|
3660
|
-
|
|
3918
|
+
display: none;
|
|
3919
|
+
}
|
|
3661
3920
|
|
|
3662
3921
|
.ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
|
|
3663
|
-
|
|
3664
|
-
|
|
3922
|
+
padding-left: 0;
|
|
3923
|
+
padding-right: 0;
|
|
3924
|
+
}
|
|
3665
3925
|
|
|
3666
3926
|
.ab-GridList .AT-GridRow--odd {
|
|
3667
3927
|
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
3668
|
-
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
3928
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
3929
|
+
}
|
|
3669
3930
|
|
|
3670
3931
|
.ab-GridList .AT-GridRow--even {
|
|
3671
3932
|
background: var(--ab-cmp-listgroupitem__background);
|
|
3672
|
-
color: var(--ab-cmp-listgroupitem__color);
|
|
3933
|
+
color: var(--ab-cmp-listgroupitem__color);
|
|
3934
|
+
}
|
|
3673
3935
|
|
|
3674
3936
|
.ab-GridList .ab-ListGroupItem {
|
|
3675
3937
|
--ab-cmp-listgroupitem__background: transparent;
|
|
3676
|
-
--ab-cmp-listgroupitem--odd__background: transparent;
|
|
3938
|
+
--ab-cmp-listgroupitem--odd__background: transparent;
|
|
3939
|
+
}
|
|
3677
3940
|
|
|
3678
3941
|
:root {
|
|
3679
3942
|
--rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
|
|
3680
3943
|
--rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
|
|
3681
3944
|
--rdp-background-color: var(--ab-cmp-datepicker__hover-color);
|
|
3682
|
-
--rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
|
|
3945
|
+
--rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
|
|
3946
|
+
}
|
|
3683
3947
|
|
|
3684
3948
|
.ab-Datepicker-Overlay {
|
|
3685
3949
|
border: var(--ab-cmp-datepicker__border);
|
|
@@ -3687,122 +3951,148 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3687
3951
|
z-index: 1000;
|
|
3688
3952
|
box-shadow: var(--ab-focus__box-shadow);
|
|
3689
3953
|
outline: var(--ab-focus__outline);
|
|
3690
|
-
border-radius: var(--ab__border-radius);
|
|
3954
|
+
border-radius: var(--ab__border-radius);
|
|
3955
|
+
}
|
|
3691
3956
|
|
|
3692
3957
|
.ab-Datepicker-Overlay .rdp {
|
|
3693
|
-
|
|
3694
|
-
|
|
3958
|
+
font-size: var(--ab-cmp-datepicker__font-size);
|
|
3959
|
+
font-family: var(--ab-cmp-datepicker__font-family);
|
|
3960
|
+
}
|
|
3695
3961
|
|
|
3696
3962
|
.ab-Datepicker-Overlay .rdp .rdp-weeknumber,
|
|
3697
|
-
|
|
3698
|
-
|
|
3963
|
+
.ab-Datepicker-Overlay .rdp .rdp-day {
|
|
3964
|
+
border-radius: var(--ab-cmp-datepicker__day-border-radius);
|
|
3965
|
+
}
|
|
3699
3966
|
|
|
3700
3967
|
.ab-Datepicker-Overlay .rdp .rdp-day_selected:not([disabled]),
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3968
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
|
|
3969
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
|
|
3970
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
|
|
3971
|
+
color: var(--ab-cmp-datepicker__selected-text-color);
|
|
3972
|
+
border-radius: var(--ab-cmp-datepicker__selected-border-radius);
|
|
3973
|
+
}
|
|
3706
3974
|
|
|
3707
3975
|
.ab-Datepicker-Overlay .rdp .rdp-caption_label {
|
|
3708
|
-
|
|
3976
|
+
font-size: 120%;
|
|
3977
|
+
}
|
|
3709
3978
|
|
|
3710
3979
|
.ab-Datepicker-Overlay .rdp .rdp-nav_button {
|
|
3711
|
-
|
|
3980
|
+
color: var(--ab-color-text-on-primary);
|
|
3981
|
+
}
|
|
3712
3982
|
|
|
3713
3983
|
.ab-Datepicker-Overlay .rdp .rdp-table {
|
|
3714
|
-
|
|
3715
|
-
|
|
3984
|
+
width: 100%;
|
|
3985
|
+
max-width: none;
|
|
3986
|
+
}
|
|
3716
3987
|
|
|
3717
3988
|
.ab-Datepicker-Overlay .rdp .rdp-day_outside {
|
|
3718
|
-
|
|
3989
|
+
opacity: 0.4;
|
|
3990
|
+
}
|
|
3719
3991
|
|
|
3720
3992
|
.ab-Datepicker-Overlay .rdp .rdp-day_today {
|
|
3721
|
-
|
|
3993
|
+
border: var(--rdp-outline);
|
|
3994
|
+
}
|
|
3722
3995
|
|
|
3723
3996
|
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(8),
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
|
|
3997
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
|
|
3998
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
|
|
3999
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
|
|
4000
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
|
|
4001
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
|
|
4002
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
|
|
4003
|
+
display: none;
|
|
4004
|
+
}
|
|
3731
4005
|
|
|
3732
4006
|
.ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
|
|
3733
|
-
|
|
4007
|
+
display: table-cell;
|
|
4008
|
+
}
|
|
3734
4009
|
|
|
3735
4010
|
.ab-ToggleButton {
|
|
4011
|
+
user-select: none;
|
|
3736
4012
|
position: relative;
|
|
3737
4013
|
display: inline-block;
|
|
3738
4014
|
min-width: 40px;
|
|
3739
4015
|
width: 77px;
|
|
3740
|
-
height: 32px;
|
|
4016
|
+
height: 32px;
|
|
4017
|
+
}
|
|
3741
4018
|
|
|
3742
4019
|
.ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
|
|
3743
|
-
|
|
3744
|
-
|
|
4020
|
+
cursor: pointer;
|
|
4021
|
+
opacity: 0.85;
|
|
4022
|
+
}
|
|
3745
4023
|
|
|
3746
4024
|
.ab-ToggleButton__input {
|
|
3747
|
-
|
|
3748
|
-
|
|
3749
|
-
|
|
4025
|
+
opacity: 0;
|
|
4026
|
+
width: 0;
|
|
4027
|
+
height: 0;
|
|
4028
|
+
}
|
|
3750
4029
|
|
|
3751
4030
|
.ab-ToggleButton__slider {
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
|
|
3755
|
-
|
|
3756
|
-
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
|
|
4031
|
+
position: absolute;
|
|
4032
|
+
top: 0;
|
|
4033
|
+
left: 0;
|
|
4034
|
+
right: 0;
|
|
4035
|
+
bottom: 0;
|
|
4036
|
+
background-color: var(--ab-cmp-toggle-button__background);
|
|
4037
|
+
transition: 0.1s;
|
|
4038
|
+
border-radius: var(--ab__border-radius);
|
|
4039
|
+
}
|
|
3760
4040
|
|
|
3761
4041
|
.ab-ToggleButton__slider:before {
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
4042
|
+
position: absolute;
|
|
4043
|
+
content: "";
|
|
4044
|
+
width: 24px;
|
|
4045
|
+
height: 24px;
|
|
4046
|
+
left: 4px;
|
|
4047
|
+
top: 4px;
|
|
4048
|
+
border-radius: var(--ab__border-radius);
|
|
4049
|
+
background-color: #fff;
|
|
4050
|
+
-webkit-transition: 0.4s;
|
|
4051
|
+
transition: 0.2s;
|
|
4052
|
+
}
|
|
3772
4053
|
|
|
3773
4054
|
.ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
|
|
3774
|
-
|
|
4055
|
+
background-color: var(--ab-cmp-toggle-button--active__background);
|
|
4056
|
+
}
|
|
3775
4057
|
|
|
3776
4058
|
.ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
|
|
3777
|
-
|
|
4059
|
+
transform: translateX(45px);
|
|
4060
|
+
}
|
|
3778
4061
|
|
|
3779
4062
|
.ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
|
|
3780
|
-
|
|
4063
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
4064
|
+
}
|
|
3781
4065
|
|
|
3782
4066
|
.ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
|
|
3783
|
-
|
|
4067
|
+
opacity: 0.5;
|
|
4068
|
+
}
|
|
3784
4069
|
|
|
3785
4070
|
.ab-ToggleButton .ab-ToggleButton__text {
|
|
3786
|
-
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
4071
|
+
font-size: var(--ab-cmp-toggle-button__font-size);
|
|
4072
|
+
padding-right: var(--ab-space-2);
|
|
4073
|
+
color: var(--ab-cmp-toggle-button__color);
|
|
4074
|
+
font-weight: 600;
|
|
4075
|
+
}
|
|
3790
4076
|
|
|
3791
4077
|
.ab-ToggleButton--checked .ab-ToggleButton__text {
|
|
3792
|
-
|
|
3793
|
-
|
|
4078
|
+
padding-left: var(--ab-space-2);
|
|
4079
|
+
color: var(--ab-cmp-toggle-button--checked__color);
|
|
4080
|
+
}
|
|
3794
4081
|
|
|
3795
4082
|
.ab-Loader {
|
|
3796
4083
|
font-size: var(--ab-cmp-loader__font-size);
|
|
3797
4084
|
margin-top: 8px;
|
|
3798
|
-
font-style: italic;
|
|
4085
|
+
font-style: italic;
|
|
4086
|
+
}
|
|
3799
4087
|
|
|
3800
4088
|
.ab-Loader__text,
|
|
3801
4089
|
.ab-Loader__Spinner {
|
|
3802
|
-
vertical-align: middle;
|
|
4090
|
+
vertical-align: middle;
|
|
4091
|
+
}
|
|
3803
4092
|
|
|
3804
4093
|
.ab-Loader .ab-Loader__Spinner {
|
|
3805
|
-
margin-right: 5px;
|
|
4094
|
+
margin-right: 5px;
|
|
4095
|
+
}
|
|
3806
4096
|
|
|
3807
4097
|
.ab-Loader__Spinner {
|
|
3808
4098
|
display: inline-block;
|
|
@@ -3812,13 +4102,17 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3812
4102
|
width: 10px;
|
|
3813
4103
|
height: 10px;
|
|
3814
4104
|
bottom: 0;
|
|
3815
|
-
animation: spin 1.5s linear infinite;
|
|
4105
|
+
animation: spin 1.5s linear infinite;
|
|
4106
|
+
}
|
|
3816
4107
|
|
|
3817
4108
|
@keyframes spin {
|
|
3818
4109
|
0% {
|
|
3819
|
-
transform: rotate(0deg);
|
|
4110
|
+
transform: rotate(0deg);
|
|
4111
|
+
}
|
|
3820
4112
|
100% {
|
|
3821
|
-
transform: rotate(360deg);
|
|
4113
|
+
transform: rotate(360deg);
|
|
4114
|
+
}
|
|
4115
|
+
}
|
|
3822
4116
|
|
|
3823
4117
|
.ab-progress-indicator-wrapper {
|
|
3824
4118
|
align-items: center;
|
|
@@ -3833,30 +4127,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3833
4127
|
opacity: 0;
|
|
3834
4128
|
transition-delay: var(--ab-cmp-progress-indicator__delay);
|
|
3835
4129
|
transition-property: opacity;
|
|
3836
|
-
transition-duration: 0.3s;
|
|
4130
|
+
transition-duration: 0.3s;
|
|
4131
|
+
}
|
|
3837
4132
|
|
|
3838
4133
|
.ab-progress-indicator-wrapper--visible {
|
|
3839
|
-
|
|
4134
|
+
opacity: 1;
|
|
4135
|
+
}
|
|
3840
4136
|
|
|
3841
4137
|
.ab-progress-indicator-wrapper .ab-progress-indicator-body {
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3846
|
-
|
|
3847
|
-
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
4138
|
+
padding: var(--ab-cmp-progress-indicator__padding);
|
|
4139
|
+
background: var(--ab-cmp-progress-indicator__background);
|
|
4140
|
+
color: var(--ab-cmp-progress-indicator__color);
|
|
4141
|
+
border-style: none;
|
|
4142
|
+
border-width: 0px;
|
|
4143
|
+
border-radius: var(--ab__border-radius);
|
|
4144
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
4145
|
+
font-size: var(--ab-cmp-progress-indicator__font-size);
|
|
4146
|
+
font-style: var(--ab-cmp-progress-indicator__font-style);
|
|
4147
|
+
font-family: var(--ab-cmp-progress-indicator__font-family);
|
|
4148
|
+
}
|
|
3852
4149
|
|
|
3853
4150
|
:root {
|
|
3854
|
-
--ab-cmp-Tag__font-size: var(--ab-font-size-3);
|
|
4151
|
+
--ab-cmp-Tag__font-size: var(--ab-font-size-3);
|
|
4152
|
+
}
|
|
3855
4153
|
|
|
3856
4154
|
.ab-Tag {
|
|
3857
4155
|
display: inline-flex;
|
|
3858
4156
|
font-size: var(--ab-cmp-Tag__font-size);
|
|
3859
|
-
max-width: 100%;
|
|
4157
|
+
max-width: 100%;
|
|
4158
|
+
}
|
|
3860
4159
|
|
|
3861
4160
|
.ab-ModuleSelector__TabItem {
|
|
3862
4161
|
display: flex;
|
|
@@ -3865,13 +4164,15 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3865
4164
|
margin-right: var(--ab-space-2);
|
|
3866
4165
|
width: var(--ab-cmp-module-module-selector__tab-item__width);
|
|
3867
4166
|
border: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
3868
|
-
border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
|
|
4167
|
+
border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
|
|
4168
|
+
}
|
|
3869
4169
|
|
|
3870
4170
|
.ab-ModuleSelector__TabItem__header {
|
|
3871
4171
|
display: flex;
|
|
3872
4172
|
align-items: center;
|
|
3873
4173
|
padding: var(--ab-space-1);
|
|
3874
|
-
border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
4174
|
+
border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
4175
|
+
}
|
|
3875
4176
|
|
|
3876
4177
|
.ab-ModuleSelector__TabItem__header-input {
|
|
3877
4178
|
flex: 1;
|
|
@@ -3881,45 +4182,72 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3881
4182
|
align-self: stretch;
|
|
3882
4183
|
background: transparent;
|
|
3883
4184
|
border: none;
|
|
3884
|
-
color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
|
|
4185
|
+
color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
|
|
4186
|
+
}
|
|
3885
4187
|
|
|
3886
4188
|
.ab-ModuleSelector__ToolbarList {
|
|
3887
4189
|
flex: 1;
|
|
3888
4190
|
padding: 4px;
|
|
3889
4191
|
padding-bottom: 0;
|
|
3890
|
-
min-height: 200px;
|
|
4192
|
+
min-height: 200px;
|
|
4193
|
+
}
|
|
3891
4194
|
|
|
3892
4195
|
.ab-ModuleSelector__ToolbarItem {
|
|
3893
4196
|
border: var(--ab-cmp-module-module-selector__toolbar-item__border);
|
|
3894
4197
|
padding-left: var(--ab-space-1);
|
|
3895
|
-
margin-bottom: var(--ab-space-1);
|
|
4198
|
+
margin-bottom: var(--ab-space-1);
|
|
4199
|
+
}
|
|
3896
4200
|
|
|
3897
4201
|
.ab-ModuleSelector__UnusedPanel {
|
|
3898
4202
|
margin-bottom: var(--ab-space-2);
|
|
3899
4203
|
padding-bottom: var(--ab-space-1);
|
|
3900
4204
|
border: var(--ab-cmp-module-selector__unused-panel__border);
|
|
3901
4205
|
border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
|
|
3902
|
-
background-color: var(--ab-cmp-module-selector__unused-panel__background);
|
|
4206
|
+
background-color: var(--ab-cmp-module-selector__unused-panel__background);
|
|
4207
|
+
}
|
|
3903
4208
|
|
|
3904
4209
|
.ab-AdaptableOptions {
|
|
3905
|
-
background: var(--ab-cmp-adaptable-options__background-color);
|
|
4210
|
+
background: var(--ab-cmp-adaptable-options__background-color);
|
|
4211
|
+
}
|
|
3906
4212
|
|
|
3907
4213
|
.ab-GridOptions {
|
|
3908
|
-
background: var(--ab-cmp-grid-options__background-color);
|
|
4214
|
+
background: var(--ab-cmp-grid-options__background-color);
|
|
4215
|
+
}
|
|
3909
4216
|
|
|
3910
4217
|
.ab-GridSummary {
|
|
3911
|
-
background: var(--ab-cmp-grid-summary__background-color);
|
|
4218
|
+
background: var(--ab-cmp-grid-summary__background-color);
|
|
4219
|
+
}
|
|
3912
4220
|
|
|
3913
4221
|
.ab-SystemStatus-Popup-List {
|
|
3914
|
-
background: var(--ab-cmp-system-status-list__background-color);
|
|
4222
|
+
background: var(--ab-cmp-system-status-list__background-color);
|
|
4223
|
+
}
|
|
4224
|
+
|
|
4225
|
+
.ab-DashboardToolbar__SystemStatus__text {
|
|
4226
|
+
border-radius: var(--ab-cmp-system-status-list-text__border-radius);
|
|
4227
|
+
font-weight: var(--ab-cmp-system-status-list-text__font-weight);
|
|
4228
|
+
font-size: var(--ab-cmp-system-status-list-text__font-size);
|
|
4229
|
+
color: var(--ab-cmp-system-status-list-text__color);
|
|
4230
|
+
padding: var(--ab-cmp-system-status-list-text__padding);
|
|
4231
|
+
margin-right: var(--ab-space-2);
|
|
4232
|
+
}
|
|
4233
|
+
|
|
4234
|
+
.ab-DashboardToolbar__SystemStatus__text--expandable {
|
|
4235
|
+
cursor: pointer;
|
|
4236
|
+
}
|
|
4237
|
+
|
|
4238
|
+
.ab-DashboardToolbar__SystemStatus__further-information {
|
|
4239
|
+
white-space: normal;
|
|
4240
|
+
}
|
|
3915
4241
|
|
|
3916
4242
|
.ab-ObjectCollection__list > * {
|
|
3917
4243
|
background: var(--ab-cmp-listgroupitem__background);
|
|
3918
|
-
color: var(--ab-cmp-listgroupitem__color);
|
|
4244
|
+
color: var(--ab-cmp-listgroupitem__color);
|
|
4245
|
+
}
|
|
3919
4246
|
|
|
3920
|
-
.ab-ObjectCollection__list > *:nth-child(2n
|
|
4247
|
+
.ab-ObjectCollection__list > *:nth-child(2n+1) {
|
|
3921
4248
|
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
3922
|
-
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4249
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4250
|
+
}
|
|
3923
4251
|
|
|
3924
4252
|
.ab-AdaptableObjectRow {
|
|
3925
4253
|
align-items: center;
|
|
@@ -3927,23 +4255,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3927
4255
|
margin: var(--ab-cmp-listgroupitem__margin);
|
|
3928
4256
|
background: var(--ab-cmp-listgroupitem__background);
|
|
3929
4257
|
color: var(--ab-cmp-listgroupitem__color);
|
|
3930
|
-
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
4258
|
+
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
4259
|
+
}
|
|
3931
4260
|
|
|
3932
|
-
.ab-AdaptableObjectRow:nth-child(2n
|
|
3933
|
-
|
|
3934
|
-
|
|
4261
|
+
.ab-AdaptableObjectRow:nth-child(2n+1) {
|
|
4262
|
+
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
4263
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4264
|
+
}
|
|
3935
4265
|
|
|
3936
4266
|
.ab-AdaptableObjectRow--is-suspended {
|
|
3937
|
-
|
|
4267
|
+
text-decoration: line-through;
|
|
4268
|
+
}
|
|
4269
|
+
|
|
4270
|
+
.ab-AdaptableObjectRow__cell {
|
|
4271
|
+
white-space: nowrap;
|
|
4272
|
+
text-overflow: ellipsis;
|
|
4273
|
+
overflow: hidden;
|
|
4274
|
+
font-size: var(--ab-cmp-listgroupitem-cell__font-size);
|
|
4275
|
+
}
|
|
3938
4276
|
|
|
3939
4277
|
.ab-ListBoxFilterForm {
|
|
3940
4278
|
overflow-y: auto;
|
|
3941
4279
|
overflow-x: hidden;
|
|
3942
4280
|
--ab-grid-row-height: 26px;
|
|
3943
|
-
margin-bottom: 0;
|
|
4281
|
+
margin-bottom: 0;
|
|
4282
|
+
}
|
|
3944
4283
|
|
|
3945
4284
|
.ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
|
|
3946
|
-
|
|
4285
|
+
overflow-x: hidden;
|
|
4286
|
+
}
|
|
3947
4287
|
|
|
3948
4288
|
.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
|
|
3949
4289
|
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
|
|
@@ -3951,15 +4291,18 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3951
4291
|
--ab-cmp-input__border-radius: 0;
|
|
3952
4292
|
--ab-cmp-input__padding: 0;
|
|
3953
4293
|
--ab-cmp-dropdown__padding: 3px;
|
|
3954
|
-
--ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
|
|
4294
|
+
--ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
|
|
4295
|
+
}
|
|
3955
4296
|
|
|
3956
4297
|
.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
|
|
3957
|
-
|
|
3958
|
-
|
|
4298
|
+
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
|
|
4299
|
+
border-radius: 0;
|
|
4300
|
+
}
|
|
3959
4301
|
|
|
3960
4302
|
html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
3961
4303
|
--ab-color-inputborder: white;
|
|
3962
|
-
--ab-cmp-dropdown__border: 1px solid white;
|
|
4304
|
+
--ab-cmp-dropdown__border: 1px solid white;
|
|
4305
|
+
}
|
|
3963
4306
|
|
|
3964
4307
|
.ab-Popover {
|
|
3965
4308
|
border-radius: var(--ab-cmp-popover__border-radius);
|
|
@@ -3968,160 +4311,193 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
|
3968
4311
|
color: var(--ab-cmp-popover__color);
|
|
3969
4312
|
box-shadow: var(--ab-cmp-popover__box-shadow);
|
|
3970
4313
|
font-size: var(--ab-font-size-2);
|
|
3971
|
-
font-family: var(--ab__font-family);
|
|
4314
|
+
font-family: var(--ab__font-family);
|
|
4315
|
+
}
|
|
3972
4316
|
|
|
3973
4317
|
.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
3974
|
-
content:
|
|
4318
|
+
content: "";
|
|
3975
4319
|
position: absolute;
|
|
3976
4320
|
width: 0;
|
|
3977
4321
|
height: 0;
|
|
3978
|
-
border-style: solid;
|
|
4322
|
+
border-style: solid;
|
|
4323
|
+
}
|
|
3979
4324
|
|
|
3980
4325
|
.ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
3981
4326
|
border-width: 0 5px 10px 5px;
|
|
3982
4327
|
border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
|
|
3983
4328
|
left: 50%;
|
|
3984
4329
|
top: -10px;
|
|
3985
|
-
transform: translate3d(-5px, 0px, 0px);
|
|
4330
|
+
transform: translate3d(-5px, 0px, 0px);
|
|
4331
|
+
}
|
|
3986
4332
|
|
|
3987
4333
|
.ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
3988
4334
|
border-width: 10px 5px 0 5px;
|
|
3989
4335
|
border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
|
|
3990
4336
|
left: 50%;
|
|
3991
4337
|
bottom: -10px;
|
|
3992
|
-
transform: translate3d(-5px, 0px, 0px);
|
|
4338
|
+
transform: translate3d(-5px, 0px, 0px);
|
|
4339
|
+
}
|
|
3993
4340
|
|
|
3994
4341
|
.ab-NocodeWizard {
|
|
3995
4342
|
padding: var(--ab-cmp-wizard__padding);
|
|
3996
4343
|
margin: var(--ab-cmp-wizard__margin);
|
|
3997
4344
|
background: var(--ab-cmp-wizard__background);
|
|
3998
4345
|
color: var(--ab-cmp-wizard__color);
|
|
3999
|
-
height: 100%;
|
|
4346
|
+
height: 100%;
|
|
4347
|
+
}
|
|
4000
4348
|
|
|
4001
4349
|
.ab-NocodeWizard,
|
|
4002
|
-
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4350
|
+
.ab-NocodeWizard *,
|
|
4351
|
+
.ab-NocodeWizard *:before,
|
|
4352
|
+
.ab-NocodeWizard *:after {
|
|
4353
|
+
box-sizing: border-box;
|
|
4354
|
+
}
|
|
4006
4355
|
|
|
4007
4356
|
.ab-NocodeWizardFormBox {
|
|
4008
4357
|
border: 1px solid var(--ab-color-primarydark);
|
|
4009
4358
|
border-radius: var(--ab__border-radius);
|
|
4010
|
-
background-color: var(--ab-color-defaultbackground);
|
|
4359
|
+
background-color: var(--ab-color-defaultbackground);
|
|
4360
|
+
}
|
|
4011
4361
|
|
|
4012
4362
|
.ab-AvailableDropZone .placeholder,
|
|
4013
4363
|
.ab-SelectedDropZone .placeholder {
|
|
4014
|
-
width: 100%;
|
|
4364
|
+
width: 100%;
|
|
4365
|
+
}
|
|
4015
4366
|
|
|
4016
4367
|
.ab-AvailableDropZone .placeholder:before,
|
|
4017
|
-
|
|
4018
|
-
|
|
4368
|
+
.ab-SelectedDropZone .placeholder:before {
|
|
4369
|
+
content: "DROPS HERE";
|
|
4370
|
+
}
|
|
4019
4371
|
|
|
4020
4372
|
.ab-Button.ab-Button {
|
|
4021
4373
|
border-radius: var(--ab-cmp-button-border-radius);
|
|
4022
|
-
padding: var(--ab-space-2);
|
|
4374
|
+
padding: var(--ab-space-2);
|
|
4375
|
+
}
|
|
4023
4376
|
|
|
4024
4377
|
.ab-Button.ab-Button--enabled {
|
|
4025
|
-
|
|
4026
|
-
|
|
4378
|
+
cursor: pointer;
|
|
4379
|
+
background: var(--ab-cmp-button-background);
|
|
4380
|
+
}
|
|
4027
4381
|
|
|
4028
4382
|
.ab-Button.ab-Button--disabled {
|
|
4029
|
-
|
|
4030
|
-
|
|
4383
|
+
opacity: var(--ab-cmp-button-disabled-opacity);
|
|
4384
|
+
background: var(--ab-cmp-button-disabled-background);
|
|
4385
|
+
}
|
|
4031
4386
|
|
|
4032
4387
|
.ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
|
|
4033
4388
|
.ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
|
|
4034
4389
|
fill: currentColor;
|
|
4035
4390
|
color: var(--ab-cmp-dashboardpanel_header__color);
|
|
4036
|
-
border-color: currentColor;
|
|
4391
|
+
border-color: currentColor;
|
|
4392
|
+
}
|
|
4037
4393
|
|
|
4038
4394
|
.ab-DashboardPanel .glyphicon.glyphicon {
|
|
4039
|
-
color: var(--ab-cmp-dashboardpanel__fill);
|
|
4395
|
+
color: var(--ab-cmp-dashboardpanel__fill);
|
|
4396
|
+
}
|
|
4040
4397
|
|
|
4041
4398
|
.ab-FilterFormPanel {
|
|
4042
|
-
--ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
|
|
4399
|
+
--ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
|
|
4400
|
+
}
|
|
4043
4401
|
|
|
4044
4402
|
.ab-Dashboard__application-icon {
|
|
4045
|
-
margin-right: var(--ab-space-2);
|
|
4403
|
+
margin-right: var(--ab-space-2);
|
|
4404
|
+
}
|
|
4046
4405
|
|
|
4047
4406
|
.ab-Dashboard-Popup__Module-Selector {
|
|
4048
|
-
background: var(--ab-cmp-dashboard-module-selector-background);
|
|
4407
|
+
background: var(--ab-cmp-dashboard-module-selector-background);
|
|
4408
|
+
}
|
|
4049
4409
|
|
|
4050
4410
|
.ab-ToolPanel {
|
|
4051
4411
|
flex: 1 1 0;
|
|
4052
4412
|
min-width: 0;
|
|
4053
4413
|
color: var(--ab-cmp-toolpanel__color);
|
|
4054
|
-
font-family: var(--ab-cmp-toolpanel__font-family);
|
|
4414
|
+
font-family: var(--ab-cmp-toolpanel__font-family);
|
|
4415
|
+
}
|
|
4055
4416
|
|
|
4056
4417
|
.ab-ToolPanel .ab-ToolPanel__header {
|
|
4057
|
-
|
|
4058
|
-
|
|
4418
|
+
background: var(--ab-cmp-toolpanel-header__background);
|
|
4419
|
+
color: var(--ab-cmp-toolpanel-header__color);
|
|
4420
|
+
}
|
|
4059
4421
|
|
|
4060
4422
|
.ab-ToolPanel .ab-ToolPanel__header__buttons {
|
|
4061
|
-
|
|
4423
|
+
grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
|
|
4424
|
+
}
|
|
4062
4425
|
|
|
4063
4426
|
.ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
|
|
4064
|
-
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4427
|
+
display: flex;
|
|
4428
|
+
flex-direction: row;
|
|
4429
|
+
flex-wrap: wrap;
|
|
4430
|
+
grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
|
|
4431
|
+
}
|
|
4068
4432
|
|
|
4069
4433
|
.ab-ToolPanel .ab-StateManagement__Clear-Button,
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4434
|
+
.ab-ToolPanel .ab-StateManagement__Load-Button {
|
|
4435
|
+
justify-content: center;
|
|
4436
|
+
flex: 1;
|
|
4437
|
+
}
|
|
4073
4438
|
|
|
4074
4439
|
.ab-ToolPanel .ab-StateManagement__Clear-Button,
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4440
|
+
.ab-ToolPanel .ab-StateManagement__Load-Button,
|
|
4441
|
+
.ab-ToolPanel .ab-StateManagement__Export-Dropdown {
|
|
4442
|
+
margin-bottom: var(--ab-space-1);
|
|
4443
|
+
}
|
|
4078
4444
|
|
|
4079
4445
|
.ab-CustomSortWizard__SortOrder .ab-Loader__text {
|
|
4080
|
-
font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
|
|
4446
|
+
font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
|
|
4447
|
+
}
|
|
4081
4448
|
|
|
4082
4449
|
.ab-Adaptable-Popup {
|
|
4083
4450
|
background: var(--ab-cmp-adaptable-popup__background);
|
|
4084
|
-
max-height: var(--ab-cmp-adaptable-popup__max-height);
|
|
4451
|
+
max-height: var(--ab-cmp-adaptable-popup__max-height);
|
|
4452
|
+
}
|
|
4085
4453
|
|
|
4086
4454
|
.ab-Adaptable-Popup--window {
|
|
4087
|
-
|
|
4455
|
+
box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
4456
|
+
}
|
|
4088
4457
|
|
|
4089
4458
|
.ab-Adaptable-Popup__Navigation {
|
|
4090
4459
|
padding-top: 10px;
|
|
4091
4460
|
overflow: auto;
|
|
4092
4461
|
border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
|
|
4093
|
-
font-family: var(--ab__font-family);
|
|
4462
|
+
font-family: var(--ab__font-family);
|
|
4463
|
+
}
|
|
4094
4464
|
|
|
4095
4465
|
.ab-Adaptable-Popup__Navigation__List {
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4466
|
+
list-style: none;
|
|
4467
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
|
|
4468
|
+
margin: 0;
|
|
4469
|
+
font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
|
|
4470
|
+
}
|
|
4100
4471
|
|
|
4101
4472
|
.ab-Adaptable-Popup__Navigation__List__Item {
|
|
4102
|
-
|
|
4103
|
-
|
|
4473
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
|
|
4474
|
+
margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
|
|
4475
|
+
}
|
|
4104
4476
|
|
|
4105
4477
|
.ab-Adaptable-Popup__Navigation__List__Item__Separator {
|
|
4106
|
-
|
|
4107
|
-
|
|
4478
|
+
border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
|
|
4479
|
+
margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
|
|
4480
|
+
}
|
|
4108
4481
|
|
|
4109
4482
|
.ab-Adaptable-Popup__Navigation__List__Item__Button {
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
4113
|
-
|
|
4114
|
-
|
|
4115
|
-
|
|
4116
|
-
|
|
4117
|
-
|
|
4483
|
+
background: none;
|
|
4484
|
+
border: none;
|
|
4485
|
+
width: 100%;
|
|
4486
|
+
text-align: left;
|
|
4487
|
+
cursor: pointer;
|
|
4488
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
|
|
4489
|
+
border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
|
|
4490
|
+
color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
|
|
4491
|
+
}
|
|
4118
4492
|
|
|
4119
4493
|
.ab-Adaptable-Popup__Navigation__List__Item__Icon {
|
|
4120
|
-
|
|
4494
|
+
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4495
|
+
}
|
|
4121
4496
|
|
|
4122
4497
|
.ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
|
|
4123
|
-
|
|
4124
|
-
|
|
4498
|
+
background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
|
|
4499
|
+
color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
|
|
4500
|
+
}
|
|
4125
4501
|
|
|
4126
4502
|
.ab-Adaptable-Popup__TopBar {
|
|
4127
4503
|
display: flex;
|
|
@@ -4131,219 +4507,333 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
|
4131
4507
|
color: var(--ab-cmp-adaptable-popup-topbar__color);
|
|
4132
4508
|
font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
|
|
4133
4509
|
padding: var(--ab-cmp-adaptable-popup-topbar__padding);
|
|
4134
|
-
box-sizing: border-box;
|
|
4510
|
+
box-sizing: border-box;
|
|
4511
|
+
}
|
|
4135
4512
|
|
|
4136
4513
|
.ab-Adaptable-Popup__TopBar__Icon {
|
|
4137
|
-
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4514
|
+
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4515
|
+
}
|
|
4138
4516
|
|
|
4139
4517
|
.ab-Adaptable-Popup__TopBar__Close .ab-Icon {
|
|
4140
|
-
color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
|
|
4518
|
+
color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
|
|
4519
|
+
}
|
|
4141
4520
|
|
|
4142
4521
|
.ab-Adaptable-Popup--settings-popup {
|
|
4143
|
-
height: var(--ab-cmp-adaptable-popup--settings__height);
|
|
4522
|
+
height: var(--ab-cmp-adaptable-popup--settings__height);
|
|
4523
|
+
}
|
|
4144
4524
|
|
|
4145
4525
|
.ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
|
|
4146
|
-
|
|
4526
|
+
top: 9px;
|
|
4527
|
+
}
|
|
4147
4528
|
|
|
4148
4529
|
.ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
|
|
4149
|
-
|
|
4150
|
-
|
|
4530
|
+
padding: var(--ab-cmp-adaptable-popup--settings__padding);
|
|
4531
|
+
min-width: 0;
|
|
4532
|
+
}
|
|
4151
4533
|
|
|
4152
4534
|
.ab-Adaptable-Popup__Panel {
|
|
4153
|
-
width: 100%;
|
|
4535
|
+
width: 100%;
|
|
4536
|
+
}
|
|
4154
4537
|
|
|
4155
4538
|
.ab-Adaptable-Popup__Panel__Header {
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
|
|
4539
|
+
display: flex;
|
|
4540
|
+
padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
|
|
4541
|
+
margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
|
|
4542
|
+
margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
|
|
4543
|
+
}
|
|
4160
4544
|
|
|
4161
4545
|
.ab-Adaptable-Popup__Panel__Header__Title {
|
|
4162
|
-
|
|
4546
|
+
font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
|
|
4547
|
+
}
|
|
4163
4548
|
|
|
4164
4549
|
.ab-Adaptable-Popup__Panel__Body {
|
|
4165
|
-
|
|
4166
|
-
|
|
4167
|
-
|
|
4168
|
-
|
|
4550
|
+
padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
|
|
4551
|
+
flex: 1 1 0;
|
|
4552
|
+
min-height: 0;
|
|
4553
|
+
overflow: auto;
|
|
4554
|
+
}
|
|
4169
4555
|
|
|
4170
4556
|
.ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
|
|
4171
|
-
cursor: move;
|
|
4557
|
+
cursor: move;
|
|
4558
|
+
}
|
|
4172
4559
|
|
|
4173
4560
|
.ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
|
|
4174
|
-
cursor: move;
|
|
4561
|
+
cursor: move;
|
|
4562
|
+
}
|
|
4175
4563
|
|
|
4176
4564
|
.ab-Window-Modal .ab-Panel__header {
|
|
4177
|
-
cursor: move;
|
|
4565
|
+
cursor: move;
|
|
4566
|
+
}
|
|
4178
4567
|
|
|
4179
4568
|
.ab-Window-Modal {
|
|
4180
4569
|
max-height: 100%;
|
|
4181
|
-
box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
|
|
4570
|
+
box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
|
|
4571
|
+
}
|
|
4182
4572
|
|
|
4183
4573
|
.ab-Window-Modal .ab-Dialog__close-button {
|
|
4184
|
-
|
|
4574
|
+
top: 3px;
|
|
4575
|
+
}
|
|
4185
4576
|
|
|
4186
4577
|
.ab-Window-Modal .ab-Panel {
|
|
4187
|
-
|
|
4578
|
+
max-height: initial;
|
|
4579
|
+
}
|
|
4188
4580
|
|
|
4189
4581
|
.ab-Adaptable-Object-List {
|
|
4190
4582
|
list-style: none;
|
|
4191
|
-
padding: 0;
|
|
4583
|
+
padding: 0;
|
|
4584
|
+
}
|
|
4192
4585
|
|
|
4193
4586
|
.ab-Adaptable-Object-List__Item {
|
|
4194
4587
|
background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
|
|
4195
4588
|
padding: var(--ab-cmp-adaptable-object-list-item__padding);
|
|
4196
|
-
margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
|
|
4589
|
+
margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
|
|
4590
|
+
}
|
|
4197
4591
|
|
|
4198
4592
|
.ab-Adaptable-Object-List__Item__edit-property {
|
|
4199
|
-
|
|
4593
|
+
visibility: hidden;
|
|
4594
|
+
}
|
|
4200
4595
|
|
|
4201
4596
|
.ab-Adaptable-Object-List__Item__values {
|
|
4202
|
-
|
|
4203
|
-
|
|
4597
|
+
min-width: 0;
|
|
4598
|
+
word-break: break-all;
|
|
4599
|
+
}
|
|
4204
4600
|
|
|
4205
4601
|
.ab-Adaptable-Object-List__Item__buttons {
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4602
|
+
padding-left: var(--ab-space-2);
|
|
4603
|
+
min-width: 80px;
|
|
4604
|
+
text-align: right;
|
|
4605
|
+
margin-left: var(--ab-space-3);
|
|
4606
|
+
}
|
|
4210
4607
|
|
|
4211
4608
|
.ab-Adaptable-Object-List__Item__label {
|
|
4212
|
-
|
|
4213
|
-
|
|
4609
|
+
padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
|
|
4610
|
+
width: var(--ab-cmp-adaptable-object-list-item-label__width);
|
|
4611
|
+
}
|
|
4214
4612
|
|
|
4215
4613
|
.ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
|
|
4216
|
-
|
|
4614
|
+
visibility: visible;
|
|
4615
|
+
}
|
|
4217
4616
|
|
|
4218
4617
|
.ab-Adaptable-Object-List__Item .ab-Tag {
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4618
|
+
margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
|
|
4619
|
+
margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
|
|
4620
|
+
padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
|
|
4621
|
+
}
|
|
4222
4622
|
|
|
4223
4623
|
.ab-Adaptable-Object-Compact-List {
|
|
4224
4624
|
padding: var(--ab-cmp-adaptable-object-compact-list__padding);
|
|
4225
4625
|
background: var(--ab-cmp-adaptable-object-compact-list__background);
|
|
4226
|
-
max-height: 70vh;
|
|
4626
|
+
max-height: 70vh;
|
|
4627
|
+
}
|
|
4227
4628
|
|
|
4228
4629
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
|
|
4229
|
-
|
|
4230
|
-
|
|
4630
|
+
padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
|
|
4631
|
+
margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
|
|
4632
|
+
}
|
|
4231
4633
|
|
|
4232
4634
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
|
|
4233
|
-
|
|
4635
|
+
font-size: var(--ab-font-size-4);
|
|
4636
|
+
}
|
|
4234
4637
|
|
|
4235
4638
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
|
|
4236
|
-
|
|
4237
|
-
|
|
4639
|
+
overflow: auto;
|
|
4640
|
+
height: 100%;
|
|
4641
|
+
}
|
|
4238
4642
|
|
|
4239
4643
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
|
|
4644
|
+
padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
|
|
4645
|
+
margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
|
|
4646
|
+
background: var(--ab-cmp-adaptable-object-compact-list-item__background);
|
|
4647
|
+
}
|
|
4243
4648
|
|
|
4244
4649
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
|
|
4245
|
-
|
|
4650
|
+
margin-bottom: 0;
|
|
4651
|
+
}
|
|
4246
4652
|
|
|
4247
4653
|
.ab-Adaptable-Object-Compact-List__Item__Name {
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
4654
|
+
width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
|
|
4655
|
+
padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
|
|
4656
|
+
margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
|
|
4657
|
+
font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
|
|
4658
|
+
}
|
|
4252
4659
|
|
|
4253
4660
|
.ab-StatusBar {
|
|
4254
4661
|
display: flex;
|
|
4255
4662
|
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4256
|
-
border-left: var(--ab-cmp-adaptable-statusbar__border);
|
|
4663
|
+
border-left: var(--ab-cmp-adaptable-statusbar__border);
|
|
4664
|
+
}
|
|
4257
4665
|
|
|
4258
4666
|
.ab-StatusBar__SubPanel {
|
|
4259
4667
|
padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
|
|
4260
4668
|
border: 0;
|
|
4261
4669
|
background: none;
|
|
4262
4670
|
font-weight: 400;
|
|
4263
|
-
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4671
|
+
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4672
|
+
}
|
|
4264
4673
|
|
|
4265
4674
|
.ab-StatusBar__SubPanel:last-child {
|
|
4266
|
-
|
|
4675
|
+
border-right: 0;
|
|
4676
|
+
}
|
|
4267
4677
|
|
|
4268
4678
|
.ab-StatusBar__SubPanel,
|
|
4269
|
-
|
|
4270
|
-
|
|
4679
|
+
.ab-StatusBar__SubPanel .ab-SimpleButton {
|
|
4680
|
+
color: var(--ab-cmp-adaptable-statusbar__color);
|
|
4681
|
+
}
|
|
4271
4682
|
|
|
4272
4683
|
button.ab-StatusBar__SubPanel:hover {
|
|
4273
4684
|
background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
|
|
4274
|
-
cursor: pointer;
|
|
4685
|
+
cursor: pointer;
|
|
4686
|
+
}
|
|
4275
4687
|
|
|
4276
4688
|
.ab-Shared-Entity-Shared-Object {
|
|
4277
|
-
border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
|
|
4689
|
+
border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
|
|
4690
|
+
}
|
|
4278
4691
|
|
|
4279
4692
|
.ab-Layout-Wizard__ColumnRow__Header {
|
|
4280
|
-
cursor: pointer;
|
|
4693
|
+
cursor: pointer;
|
|
4694
|
+
}
|
|
4281
4695
|
|
|
4282
4696
|
.ab-Layout-Wizard__ColumnRow__Title {
|
|
4283
4697
|
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious);
|
|
4284
4698
|
background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
|
|
4285
|
-
color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
|
|
4699
|
+
color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
|
|
4700
|
+
}
|
|
4286
4701
|
|
|
4287
4702
|
.ab-Layout-Wizard__ColumnRow__Expanded-Container {
|
|
4288
4703
|
background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
|
|
4289
|
-
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
|
|
4704
|
+
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
|
|
4705
|
+
}
|
|
4290
4706
|
|
|
4291
4707
|
.ab-Layout-Wizard__ColumnRow__Input {
|
|
4292
4708
|
max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
|
|
4293
|
-
width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
|
|
4709
|
+
width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
|
|
4710
|
+
}
|
|
4294
4711
|
|
|
4295
4712
|
:root {
|
|
4296
4713
|
--ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
|
|
4297
4714
|
--ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
|
|
4298
4715
|
--ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
|
|
4299
|
-
--ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
|
|
4716
|
+
--ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
|
|
4717
|
+
}
|
|
4300
4718
|
|
|
4301
4719
|
.ab-ValueSelector {
|
|
4302
|
-
overflow: hidden;
|
|
4720
|
+
overflow: hidden;
|
|
4721
|
+
}
|
|
4303
4722
|
|
|
4304
4723
|
.ab-ValueSelector__option {
|
|
4305
|
-
|
|
4724
|
+
border-radius: "var(--ab__border-radius)";
|
|
4725
|
+
}
|
|
4306
4726
|
|
|
4307
4727
|
.ab-ValueSelector__show-selected-only-checkbox {
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4728
|
+
position: sticky;
|
|
4729
|
+
top: 0;
|
|
4730
|
+
z-index: 10000;
|
|
4731
|
+
}
|
|
4311
4732
|
|
|
4312
4733
|
.ab-ValueSelector__show-selected-only-checkbox__text {
|
|
4313
|
-
|
|
4314
|
-
|
|
4315
|
-
|
|
4316
|
-
|
|
4317
|
-
|
|
4318
|
-
|
|
4319
|
-
|
|
4320
|
-
|
|
4321
|
-
|
|
4734
|
+
position: absolute;
|
|
4735
|
+
top: 2px;
|
|
4736
|
+
right: 4px;
|
|
4737
|
+
overflow: hidden;
|
|
4738
|
+
border-radius: var(--ab__border-radius);
|
|
4739
|
+
margin-right: var(--ab-space-1);
|
|
4740
|
+
margin-top: var(--ab-space-1);
|
|
4741
|
+
padding: 0 var(--ab-space-2);
|
|
4742
|
+
font-size: var(--ab-font-size-2);
|
|
4743
|
+
}
|
|
4744
|
+
|
|
4745
|
+
.ab-EntityRulesEditor__predicate-dropdown {
|
|
4746
|
+
min-width: 15rem;
|
|
4747
|
+
white-space: nowrap;
|
|
4748
|
+
overflow: hidden;
|
|
4749
|
+
text-overflow: ellipsis;
|
|
4750
|
+
max-width: inherit;
|
|
4751
|
+
}
|
|
4752
|
+
|
|
4753
|
+
.ab-ExpressionEditor {
|
|
4754
|
+
overflow: auto;
|
|
4755
|
+
}
|
|
4756
|
+
|
|
4757
|
+
.ab-ExpressionEditor__column-picker {
|
|
4758
|
+
overflow: auto;
|
|
4759
|
+
min-width: 255px;
|
|
4760
|
+
height: 100%;
|
|
4761
|
+
}
|
|
4762
|
+
|
|
4763
|
+
.ab-ExpressionEditorInput {
|
|
4764
|
+
background: var(--ab-cmp-expression-editor-input__background);
|
|
4765
|
+
border-radius: var(--ab-cmp-expression-editor-input__border-radius);
|
|
4766
|
+
width: 100%;
|
|
4767
|
+
--ab-overlay-horizontal-align: left;
|
|
4768
|
+
}
|
|
4769
|
+
|
|
4770
|
+
.ab-ExpressionEditorInput__info-button {
|
|
4771
|
+
margin-right: 5px;
|
|
4772
|
+
}
|
|
4773
|
+
|
|
4774
|
+
.ab-ExpressionEditorInput__dropdown-functions-list {
|
|
4775
|
+
font-size: var(--ab-cmp-expression-editor-input-dropdown-functions-list__font-size);
|
|
4776
|
+
border: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border);
|
|
4777
|
+
border-radius: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius);
|
|
4778
|
+
background: var(--ab-cmp-expression-editor-input__background);
|
|
4779
|
+
z-index: 1000;
|
|
4780
|
+
max-height: 300;
|
|
4781
|
+
overflow: auto;
|
|
4782
|
+
}
|
|
4783
|
+
|
|
4784
|
+
.ab-ExpressionEditorInput__textarea {
|
|
4785
|
+
width: 100%;
|
|
4786
|
+
min-height: 100px;
|
|
4787
|
+
font-family: var(--ab-cmp-expression-editor-input__font-family);
|
|
4788
|
+
resize: vertical;
|
|
4789
|
+
font-size: 1rem;
|
|
4790
|
+
padding: var(--ab-space-2);
|
|
4791
|
+
}
|
|
4792
|
+
|
|
4793
|
+
.ab-ExpressionEditorInput__editor-feedback {
|
|
4794
|
+
background: var(--ab-cmp-expression-editor-input__background);
|
|
4795
|
+
border-radius: var(--ab-cmp-expression-editor-feedback__border-radius);
|
|
4796
|
+
}
|
|
4797
|
+
|
|
4798
|
+
.ab-QuickFilter {
|
|
4799
|
+
overflow-y: auto;
|
|
4800
|
+
font-size: var(--ab-cmp-quickfilter__font-size);
|
|
4801
|
+
border: var(--ab-cmp-quickfilter__border);
|
|
4802
|
+
background: var(--ab-cmp-quickfilter__background);
|
|
4803
|
+
}
|
|
4322
4804
|
|
|
4323
4805
|
.ab-alert--error {
|
|
4324
|
-
background: var(--ab-color-error);
|
|
4806
|
+
background: var(--ab-color-error);
|
|
4807
|
+
}
|
|
4325
4808
|
|
|
4326
4809
|
.ab-alert--success {
|
|
4327
|
-
background: var(--ab-color-success);
|
|
4810
|
+
background: var(--ab-color-success);
|
|
4811
|
+
}
|
|
4328
4812
|
|
|
4329
4813
|
.ab-alert--warn,
|
|
4330
4814
|
.ab-alert--warning {
|
|
4331
|
-
background: var(--ab-color-warn);
|
|
4815
|
+
background: var(--ab-color-warn);
|
|
4816
|
+
}
|
|
4332
4817
|
|
|
4333
4818
|
.ab-alert--info {
|
|
4334
|
-
background: var(--ab-color-info);
|
|
4819
|
+
background: var(--ab-color-info);
|
|
4820
|
+
}
|
|
4335
4821
|
|
|
4336
4822
|
.ab-cell--align-left {
|
|
4337
|
-
text-align: left;
|
|
4823
|
+
text-align: left;
|
|
4824
|
+
}
|
|
4338
4825
|
|
|
4339
4826
|
.ab-cell--align-right {
|
|
4340
|
-
text-align: right;
|
|
4827
|
+
text-align: right;
|
|
4828
|
+
}
|
|
4341
4829
|
|
|
4342
4830
|
.ab-cell--align-center {
|
|
4343
|
-
text-align: center;
|
|
4831
|
+
text-align: center;
|
|
4832
|
+
}
|
|
4344
4833
|
|
|
4345
4834
|
.popover-content {
|
|
4346
|
-
padding: 1px;
|
|
4835
|
+
padding: 1px;
|
|
4836
|
+
}
|
|
4347
4837
|
|
|
4348
4838
|
/* Styles for the coloured cell render
|
|
4349
4839
|
*/
|
|
@@ -4352,36 +4842,44 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4352
4842
|
display: inline-block;
|
|
4353
4843
|
height: 100%;
|
|
4354
4844
|
position: relative;
|
|
4355
|
-
z-index: 0;
|
|
4845
|
+
z-index: 0;
|
|
4846
|
+
}
|
|
4356
4847
|
|
|
4357
4848
|
.ab_div-colour-render-text {
|
|
4358
4849
|
position: absolute;
|
|
4359
4850
|
font-weight: normal;
|
|
4360
4851
|
font-size: 12px;
|
|
4361
|
-
z-index: 100;
|
|
4852
|
+
z-index: 100;
|
|
4853
|
+
}
|
|
4362
4854
|
|
|
4363
4855
|
.ab_div-colour-render-div {
|
|
4364
4856
|
display: inline-block;
|
|
4365
4857
|
height: 100%;
|
|
4366
|
-
width: 100%;
|
|
4858
|
+
width: 100%;
|
|
4859
|
+
}
|
|
4367
4860
|
|
|
4368
4861
|
.ab-ActionColumn {
|
|
4369
4862
|
height: 100%;
|
|
4370
4863
|
display: flex;
|
|
4371
|
-
column-gap: var(--ab-space-1);
|
|
4864
|
+
column-gap: var(--ab-space-1);
|
|
4865
|
+
}
|
|
4372
4866
|
|
|
4373
4867
|
.ab-ActionColumn > button.ab-SimpleButton {
|
|
4374
|
-
|
|
4868
|
+
height: 100%;
|
|
4869
|
+
}
|
|
4375
4870
|
|
|
4376
4871
|
.adaptableRowActionButtons.ag-cell {
|
|
4377
|
-
padding: 0;
|
|
4872
|
+
padding: 0;
|
|
4873
|
+
}
|
|
4378
4874
|
|
|
4379
4875
|
.adaptableRowActionButtons.ag-cell .ab-ActionColumn {
|
|
4380
|
-
|
|
4876
|
+
column-gap: 0;
|
|
4877
|
+
}
|
|
4381
4878
|
|
|
4382
4879
|
.Toastify__toast-container {
|
|
4383
4880
|
border-style: none;
|
|
4384
|
-
border-width: 0px;
|
|
4881
|
+
border-width: 0px;
|
|
4882
|
+
}
|
|
4385
4883
|
|
|
4386
4884
|
.Toastify__toast {
|
|
4387
4885
|
padding: 0;
|
|
@@ -4398,22 +4896,28 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4398
4896
|
--toastify-color-info: var(--ab-color-info);
|
|
4399
4897
|
--toastify-color-success: var(--ab-color-success);
|
|
4400
4898
|
--toastify-color-warning: var(--ab-color-warn);
|
|
4401
|
-
--toastify-color-error: var(--ab-color-error);
|
|
4899
|
+
--toastify-color-error: var(--ab-color-error);
|
|
4900
|
+
}
|
|
4402
4901
|
|
|
4403
4902
|
.Toastify__toast-body {
|
|
4404
|
-
padding: 0;
|
|
4903
|
+
padding: 0;
|
|
4904
|
+
}
|
|
4405
4905
|
|
|
4406
4906
|
.Toastify__toast--info {
|
|
4407
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-info);
|
|
4907
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-info);
|
|
4908
|
+
}
|
|
4408
4909
|
|
|
4409
4910
|
.Toastify__toast--success {
|
|
4410
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-success);
|
|
4911
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-success);
|
|
4912
|
+
}
|
|
4411
4913
|
|
|
4412
4914
|
.Toastify__toast--warning {
|
|
4413
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-warn);
|
|
4915
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-warn);
|
|
4916
|
+
}
|
|
4414
4917
|
|
|
4415
4918
|
.Toastify__toast--error {
|
|
4416
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-error);
|
|
4919
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-error);
|
|
4920
|
+
}
|
|
4417
4921
|
|
|
4418
4922
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
|
|
4419
4923
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
|
|
@@ -4424,7 +4928,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4424
4928
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
|
|
4425
4929
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
|
|
4426
4930
|
background-color: rgba(0, 0, 0, 0);
|
|
4427
|
-
border-radius: 100px;
|
|
4931
|
+
border-radius: 100px;
|
|
4932
|
+
}
|
|
4428
4933
|
|
|
4429
4934
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
|
|
4430
4935
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
|
|
@@ -4434,7 +4939,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4434
4939
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
|
|
4435
4940
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
|
|
4436
4941
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
|
|
4437
|
-
width: var(--ab-custom-scrollbar-size);
|
|
4942
|
+
width: var(--ab-custom-scrollbar-size);
|
|
4943
|
+
}
|
|
4438
4944
|
|
|
4439
4945
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
|
|
4440
4946
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
|
|
@@ -4444,7 +4950,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4444
4950
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
|
|
4445
4951
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
|
|
4446
4952
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
|
|
4447
|
-
height: var(--ab-custom-scrollbar-size);
|
|
4953
|
+
height: var(--ab-custom-scrollbar-size);
|
|
4954
|
+
}
|
|
4448
4955
|
|
|
4449
4956
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
|
|
4450
4957
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
|
|
@@ -4454,7 +4961,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4454
4961
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
|
|
4455
4962
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
|
|
4456
4963
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
|
|
4457
|
-
background-color: rgba(0, 0, 0, 0.09);
|
|
4964
|
+
background-color: rgba(0, 0, 0, 0.09);
|
|
4965
|
+
}
|
|
4458
4966
|
|
|
4459
4967
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
|
|
4460
4968
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
|
|
@@ -4467,7 +4975,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4467
4975
|
background: rgba(0, 0, 0, 0.5);
|
|
4468
4976
|
border-radius: 100px;
|
|
4469
4977
|
background-clip: padding-box;
|
|
4470
|
-
border: 2px solid rgba(0, 0, 0, 0);
|
|
4978
|
+
border: 2px solid rgba(0, 0, 0, 0);
|
|
4979
|
+
}
|
|
4471
4980
|
|
|
4472
4981
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
|
|
4473
4982
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
|
|
@@ -4477,7 +4986,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4477
4986
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
|
|
4478
4987
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
|
|
4479
4988
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
|
|
4480
|
-
min-height: var(--ab-custom-scrollbar-size);
|
|
4989
|
+
min-height: var(--ab-custom-scrollbar-size);
|
|
4990
|
+
}
|
|
4481
4991
|
|
|
4482
4992
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
|
|
4483
4993
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
|
|
@@ -4487,7 +4997,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4487
4997
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
|
|
4488
4998
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
|
|
4489
4999
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
|
|
4490
|
-
min-width: var(--ab-custom-scrollbar-size);
|
|
5000
|
+
min-width: var(--ab-custom-scrollbar-size);
|
|
5001
|
+
}
|
|
4491
5002
|
|
|
4492
5003
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
|
|
4493
5004
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
|
|
@@ -4498,19 +5009,24 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4498
5009
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
|
|
4499
5010
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
|
|
4500
5011
|
background: rgba(0, 0, 0, 0.61);
|
|
4501
|
-
border-radius: 100px;
|
|
5012
|
+
border-radius: 100px;
|
|
5013
|
+
}
|
|
4502
5014
|
|
|
4503
5015
|
.ag-details-row {
|
|
4504
5016
|
display: flex;
|
|
4505
|
-
flex-flow: column;
|
|
5017
|
+
flex-flow: column;
|
|
5018
|
+
}
|
|
4506
5019
|
|
|
4507
5020
|
.ag-details-row .ag-details-grid {
|
|
4508
|
-
|
|
5021
|
+
flex: 1;
|
|
5022
|
+
}
|
|
4509
5023
|
|
|
4510
5024
|
.ab-wait-for-progress-indicator.ab-Grid {
|
|
4511
|
-
pointer-events: none;
|
|
5025
|
+
pointer-events: none;
|
|
5026
|
+
}
|
|
4512
5027
|
|
|
4513
5028
|
html.ab--theme-light {
|
|
4514
|
-
--ab-theme-loaded: light;
|
|
5029
|
+
--ab-theme-loaded: light;
|
|
5030
|
+
}
|
|
4515
5031
|
|
|
4516
5032
|
/*# sourceMappingURL=index.css.map */
|