amis 1.6.5-beta.3 → 1.8.0-beta.0
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/lib/Schema.d.ts +3 -2
- package/lib/Schema.js +0 -1
- package/lib/Schema.js.map +2 -2
- package/lib/components/Alert2.js +4 -2
- package/lib/components/Alert2.js.map +2 -2
- package/lib/components/AssociatedSelection.d.ts +84 -84
- package/lib/components/Avatar.d.ts +20 -20
- package/lib/components/Breadcrumb.d.ts +130 -0
- package/lib/components/Breadcrumb.js +161 -0
- package/lib/components/Breadcrumb.js.map +13 -0
- package/lib/components/Card.d.ts +20 -20
- package/lib/components/ChainedSelection.d.ts +84 -84
- package/lib/components/CityArea.js +3 -0
- package/lib/components/CityArea.js.map +2 -2
- package/lib/components/Collapse.d.ts +20 -20
- package/lib/components/CollapseGroup.d.ts +20 -20
- package/lib/components/DatePicker.d.ts +84 -84
- package/lib/components/DateRangePicker.d.ts +2 -2
- package/lib/components/DateRangePicker.js +36 -45
- package/lib/components/DateRangePicker.js.map +2 -2
- package/lib/components/GroupedSelection.d.ts +84 -84
- package/lib/components/Layout.d.ts +21 -21
- package/lib/components/ListGroup.d.ts +21 -21
- package/lib/components/PopUp.js +2 -1
- package/lib/components/PopUp.js.map +2 -2
- package/lib/components/Radios.d.ts +21 -21
- package/lib/components/Range.js.map +2 -2
- package/lib/components/Selection.d.ts +84 -84
- package/lib/components/TableSelection.d.ts +84 -84
- package/lib/components/Tabs.d.ts +52 -23
- package/lib/components/Tabs.js +198 -46
- package/lib/components/Tabs.js.map +2 -2
- package/lib/components/TooltipWrapper.d.ts +21 -20
- package/lib/components/TooltipWrapper.js +2 -2
- package/lib/components/TooltipWrapper.js.map +2 -2
- package/lib/components/Transfer.d.ts +84 -84
- package/lib/components/TransferDropDown.d.ts +84 -84
- package/lib/components/Tree.d.ts +84 -84
- package/lib/components/TreeSelection.d.ts +84 -84
- package/lib/components/calendar/Calendar.js +5 -0
- package/lib/components/calendar/Calendar.js.map +2 -2
- package/lib/components/calendar/DaysView.js.map +1 -1
- package/lib/components/icons.js +8 -0
- package/lib/components/icons.js.map +2 -2
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.js +4 -2
- package/lib/components/index.js.map +2 -2
- package/lib/icons/cloud-upload.js +17 -0
- package/lib/icons/image.js +7 -0
- package/lib/icons/refresh.js +9 -0
- package/lib/icons/trash.js +10 -0
- package/lib/icons/upload.js +3 -8
- package/lib/index.d.ts +1 -0
- package/lib/index.js +2 -1
- package/lib/index.js.map +2 -2
- package/lib/locale/en-US.js +3 -1
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +4 -2
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Action.d.ts +1 -1
- package/lib/renderers/Action.js.map +2 -2
- package/lib/renderers/Breadcrumb.d.ts +41 -6
- package/lib/renderers/Breadcrumb.js +23 -19
- package/lib/renderers/Breadcrumb.js.map +2 -2
- package/lib/renderers/ButtonGroup.d.ts +2 -2
- package/lib/renderers/ButtonGroup.js.map +1 -1
- package/lib/renderers/Form/ChainedSelect.d.ts +4 -1
- package/lib/renderers/Form/ChainedSelect.js +83 -34
- package/lib/renderers/Form/ChainedSelect.js.map +2 -2
- package/lib/renderers/Form/Checkbox.d.ts +3 -0
- package/lib/renderers/Form/Checkbox.js +38 -1
- package/lib/renderers/Form/Checkbox.js.map +2 -2
- package/lib/renderers/Form/Combo.d.ts +4 -3
- package/lib/renderers/Form/Combo.js +81 -32
- package/lib/renderers/Form/Combo.js.map +2 -2
- package/lib/renderers/Form/DiffEditor.d.ts +1 -1
- package/lib/renderers/Form/InputCity.d.ts +84 -84
- package/lib/renderers/Form/InputCity.js +4 -1
- package/lib/renderers/Form/InputCity.js.map +2 -2
- package/lib/renderers/Form/InputColor.js +3 -1
- package/lib/renderers/Form/InputColor.js.map +2 -2
- package/lib/renderers/Form/InputDate.js +3 -1
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/InputDateRange.js +3 -1
- package/lib/renderers/Form/InputDateRange.js.map +2 -2
- package/lib/renderers/Form/InputExcel.d.ts +4 -0
- package/lib/renderers/Form/InputExcel.js +33 -6
- package/lib/renderers/Form/InputExcel.js.map +2 -2
- package/lib/renderers/Form/InputFile.d.ts +8 -1
- package/lib/renderers/Form/InputFile.js +71 -42
- package/lib/renderers/Form/InputFile.js.map +2 -2
- package/lib/renderers/Form/InputImage.d.ts +4 -1
- package/lib/renderers/Form/InputImage.js +21 -9
- package/lib/renderers/Form/InputImage.js.map +2 -2
- package/lib/renderers/Form/InputRange.d.ts +27 -9
- package/lib/renderers/Form/InputRange.js +88 -23
- package/lib/renderers/Form/InputRange.js.map +2 -2
- package/lib/renderers/Form/InputSubForm.js +2 -1
- package/lib/renderers/Form/InputSubForm.js.map +2 -2
- package/lib/renderers/Form/InputTag.js +2 -1
- package/lib/renderers/Form/InputTag.js.map +2 -2
- package/lib/renderers/Form/MatrixCheckboxes.js +2 -1
- package/lib/renderers/Form/MatrixCheckboxes.js.map +2 -2
- package/lib/renderers/Form/NestedSelect.d.ts +9 -6
- package/lib/renderers/Form/NestedSelect.js +247 -130
- package/lib/renderers/Form/NestedSelect.js.map +2 -2
- package/lib/renderers/Form/Options.js +2 -1
- package/lib/renderers/Form/Options.js.map +2 -2
- package/lib/renderers/Form/Radios.js +2 -1
- package/lib/renderers/Form/Radios.js.map +2 -2
- package/lib/renderers/Form/Select.js +6 -3
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/Switch.d.ts +7 -6
- package/lib/renderers/Form/Switch.js +4 -1
- package/lib/renderers/Form/Switch.js.map +2 -2
- package/lib/renderers/Log.js +2 -1
- package/lib/renderers/Log.js.map +2 -2
- package/lib/renderers/PopOver.js +1 -1
- package/lib/renderers/PopOver.js.map +2 -2
- package/lib/renderers/Tabs.d.ts +58 -5
- package/lib/renderers/Tabs.js +170 -58
- package/lib/renderers/Tabs.js.map +2 -2
- package/lib/renderers/TooltipWrapper.d.ts +104 -0
- package/lib/renderers/TooltipWrapper.js +59 -0
- package/lib/renderers/TooltipWrapper.js.map +13 -0
- package/lib/renderers/Video.d.ts +6 -0
- package/lib/renderers/Video.js +13 -6
- package/lib/renderers/Video.js.map +2 -2
- package/lib/store/form.js +4 -13
- package/lib/store/form.js.map +2 -2
- package/lib/store/table.js +1 -1
- package/lib/store/table.js.map +2 -2
- package/lib/themes/ang-ie11.css +742 -160
- package/lib/themes/ang.css +793 -163
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +757 -175
- package/lib/themes/antd.css +793 -163
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +1249 -667
- package/lib/themes/cxd.css +970 -321
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +742 -160
- package/lib/themes/dark.css +793 -163
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default-ie11.css +1249 -667
- package/lib/themes/default.css +970 -321
- package/lib/themes/default.css.map +1 -1
- package/package.json +1 -1
- package/schema.json +16012 -736
- package/scss/_properties.scss +56 -2
- package/scss/components/_alert.scss +1 -1
- package/scss/components/_breadcrumb.scss +90 -1
- package/scss/components/_button-group.scss +15 -0
- package/scss/components/_city-area.scss +2 -0
- package/scss/components/_popup.scss +13 -3
- package/scss/components/_tabs.scss +629 -132
- package/scss/components/_tooltip.scss +72 -0
- package/scss/components/form/_file.scss +82 -24
- package/scss/components/form/_image.scss +30 -25
- package/scss/components/form/_number.scss +2 -0
- package/scss/components/form/_switch.scss +1 -3
- package/scss/themes/_cxd-colors.scss +47 -47
- package/scss/themes/_cxd-variables.scss +20 -0
- package/sdk/ang-ie11.css +879 -196
- package/sdk/ang.css +931 -200
- package/sdk/antd-ie11.css +951 -268
- package/sdk/antd.css +931 -200
- package/sdk/barcode.js +51 -51
- package/sdk/charts.js +14 -14
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +1386 -703
- package/sdk/cxd.css +1107 -357
- package/sdk/dark-ie11.css +879 -196
- package/sdk/dark.css +931 -200
- package/sdk/exceljs.js +1 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +17 -17
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +1386 -703
- package/sdk/sdk.css +1107 -357
- package/sdk/sdk.js +1260 -1248
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +5 -2
- package/src/components/Alert2.tsx +9 -3
- package/src/components/Breadcrumb.tsx +294 -0
- package/src/components/CityArea.tsx +3 -0
- package/src/components/DateRangePicker.tsx +40 -68
- package/src/components/PopUp.tsx +6 -5
- package/src/components/Range.tsx +7 -1
- package/src/components/Tabs.tsx +300 -54
- package/src/components/TooltipWrapper.tsx +4 -1
- package/src/components/calendar/Calendar.tsx +5 -0
- package/src/components/calendar/DaysView.tsx +2 -2
- package/src/components/icons.tsx +8 -0
- package/src/components/index.tsx +2 -0
- package/src/icons/cloud-upload.svg +22 -0
- package/src/icons/image.svg +1 -0
- package/src/icons/refresh.svg +7 -0
- package/src/icons/trash.svg +8 -0
- package/src/icons/upload.svg +4 -9
- package/src/index.tsx +1 -0
- package/src/locale/en-US.ts +3 -1
- package/src/locale/zh-CN.ts +4 -2
- package/src/renderers/Action.tsx +2 -1
- package/src/renderers/Breadcrumb.tsx +89 -45
- package/src/renderers/ButtonGroup.tsx +2 -2
- package/src/renderers/Form/ChainedSelect.tsx +56 -12
- package/src/renderers/Form/Checkbox.tsx +30 -1
- package/src/renderers/Form/Combo.tsx +84 -26
- package/src/renderers/Form/InputCity.tsx +13 -1
- package/src/renderers/Form/InputColor.tsx +2 -0
- package/src/renderers/Form/InputDate.tsx +2 -0
- package/src/renderers/Form/InputDateRange.tsx +2 -0
- package/src/renderers/Form/InputExcel.tsx +27 -5
- package/src/renderers/Form/InputFile.tsx +167 -115
- package/src/renderers/Form/InputImage.tsx +61 -35
- package/src/renderers/Form/InputRange.tsx +95 -40
- package/src/renderers/Form/InputSubForm.tsx +2 -1
- package/src/renderers/Form/InputTag.tsx +3 -1
- package/src/renderers/Form/MatrixCheckboxes.tsx +3 -1
- package/src/renderers/Form/NestedSelect.tsx +75 -26
- package/src/renderers/Form/Options.tsx +3 -1
- package/src/renderers/Form/Radios.tsx +3 -1
- package/src/renderers/Form/Select.tsx +6 -2
- package/src/renderers/Form/Switch.tsx +16 -9
- package/src/renderers/Log.tsx +2 -1
- package/src/renderers/PopOver.tsx +1 -1
- package/src/renderers/Tabs.tsx +254 -93
- package/src/renderers/TooltipWrapper.tsx +219 -0
- package/src/renderers/Video.tsx +21 -6
- package/src/store/form.ts +0 -9
- package/src/store/table.ts +1 -1
package/lib/themes/dark.css
CHANGED
@@ -319,6 +319,20 @@
|
|
319
319
|
box-shadow var(--animation-duration) ease-in-out;
|
320
320
|
--ButtonGroup--primary-isActive-color: var(--white);
|
321
321
|
--ButtonGroup--primary-isActive-bg: var(--primary);
|
322
|
+
--Breadcrumb-item-fontSize: var(--fontSizeMd);
|
323
|
+
--Breadcrumb-item-default-color: #83868c;
|
324
|
+
--Breadcrumb-item-hover-color: #2468f2;
|
325
|
+
--Breadcrumb-item-active-color: #1c53c1;
|
326
|
+
--Breadcrumb-item-last-color: #151a26;
|
327
|
+
--BreadcrumbDropdown-item-default-color: #151a26;
|
328
|
+
--BreadcrumbDropdown-item-default-bg: #ffffff;
|
329
|
+
--BreadcrumbDropdown-item-hover-bg: #e9f0fd;
|
330
|
+
--BreadcrumbDropdown-item-fontSize: var(--fontSizeSm);
|
331
|
+
--BreadcrumbDropdown-item-height: 2rem;
|
332
|
+
--BreadcrumbDropdown-item-paddingX: var(--gap-sm);
|
333
|
+
--BreadcrumbDropdown-item-paddingY: calc(
|
334
|
+
(var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
|
335
|
+
);
|
322
336
|
--Calendar-btn-bg: var(--info);
|
323
337
|
--Calendar-btn-border: var(--Calendar-btn-bg);
|
324
338
|
--Calendar-btn-borderRadius: var(--Button-borderRadius);
|
@@ -732,6 +746,14 @@
|
|
732
746
|
--ImageControl-addBtn-onHover-border: #b4bbc5;
|
733
747
|
--ImageControl-addBtn-onHover-color: var(--Button--default-color);
|
734
748
|
--ImageControl-progress-borderRadius: 0;
|
749
|
+
--FileControl-danger-color: #f33e3e;
|
750
|
+
--FileControl-drag-color: #303540;
|
751
|
+
--FileControl-border-color: #e8e9eb;
|
752
|
+
--FileControl-onDisabled-color: #b8babf;
|
753
|
+
--FileControl-onDisabled-bg: #f7f7f9;
|
754
|
+
--FileControl-onHover-bg: #f2f2f4;
|
755
|
+
--FileControl-icon-color: #84868c;
|
756
|
+
--FileControl-icon-onHover-color: #5c5f66;
|
735
757
|
--FileControl-progress-borderRadius: 0;
|
736
758
|
--InputGroup-addOn-bg: var(--Form-input-addOnBg);
|
737
759
|
--InputGroup-addOn-borderColor: var(--Form-input-borderColor);
|
@@ -1173,16 +1195,25 @@
|
|
1173
1195
|
--Tabs--card-onActive-bg: var(--background);
|
1174
1196
|
--Tabs--card-onActive-borderColor: var(--borderColor);
|
1175
1197
|
--Tabs--card-padding: 0.375rem 0 0 0.625rem;
|
1198
|
+
--Tabs--card-add-gap: var(--gap-md);
|
1199
|
+
--Tabs--card-add-gap-top: 0.4375rem;
|
1200
|
+
--Tabs--card-arrow-gap: var(--gap-sm);
|
1176
1201
|
--Tabs--line-borderColor: var(--borderColor);
|
1177
1202
|
--Tabs--line-borderWidth: 0.125rem;
|
1178
1203
|
--Tabs--line-content-bg: transparent;
|
1179
1204
|
--Tabs--line-content-padding: var(--gap-base) 0;
|
1180
|
-
--Tabs--line-linkMargin: 0
|
1205
|
+
--Tabs--line-linkMargin: 0 32px 0 0;
|
1181
1206
|
--Tabs--line-linkPadding: 0 0 8px;
|
1207
|
+
--Tabs--line-addPadding: 0 0 10px;
|
1208
|
+
--Tabs--line-padding: var(--gap-md);
|
1182
1209
|
--Tabs--line-onHover-borderColor: var(--primary);
|
1183
1210
|
--Tabs--line-onHover-color: var(--primary);
|
1184
1211
|
--Tabs--radio-bg: #eaf6fe;
|
1185
1212
|
--Tabs--vertical-onActive-borderColor: var(--primary);
|
1213
|
+
--Tabs--tiled-add-gap: var(--gap-base);
|
1214
|
+
--Tabs--simple-split-width: 0.0625rem;
|
1215
|
+
--Tabs--strong-add-size: 2rem;
|
1216
|
+
--Tabs--strong-arrow-size: 1.5rem;
|
1186
1217
|
--Tabs-borderColor: var(--borderColor);
|
1187
1218
|
--Tabs-borderRadius: var(--borderRadius);
|
1188
1219
|
--Tabs-borderWidth: var(--borderWidth);
|
@@ -1196,6 +1227,20 @@
|
|
1196
1227
|
--Tabs-onActive-color: #374151;
|
1197
1228
|
--Tabs-onDisabled-color: #4b5563;
|
1198
1229
|
--Tabs-onHover-borderColor: #e5e7eb;
|
1230
|
+
--Tabs-add-icon-size: 0.9375rem;
|
1231
|
+
--Tabs-add-icon-padding: 0.0625rem;
|
1232
|
+
--Tabs-add-icon-margin: var(--gap-xs);
|
1233
|
+
--Tabs-add-margin: var(--gap-lg);
|
1234
|
+
--Tabs-gray-color: #83868c;
|
1235
|
+
--Tabs-close-margin: var(--gap-xs);
|
1236
|
+
--Tabs-close-marginTop: 0.0625rem;
|
1237
|
+
--Tabs-close-size: 0.75rem;
|
1238
|
+
--Tabs-link-maxWidth: 10rem;
|
1239
|
+
--Tabs--sidebar-sideWidth: 3.875rem;
|
1240
|
+
--Tabs--sidebar-sidePadding: 1.6875rem;
|
1241
|
+
--Tabs--sidebar-sideMargin: 0 0 1.375rem 0;
|
1242
|
+
--Tabs--sidebar-iconSize: 1.5rem;
|
1243
|
+
--Tabs--sidebar-iconMargin: 0.3125rem;
|
1199
1244
|
--Tabs--vertical-bg: var(--Table-thead-bg);
|
1200
1245
|
--Tabs--vertical-width: 8.75rem;
|
1201
1246
|
--Tabs--vertical-onActive-color: var(--primary);
|
@@ -1270,26 +1315,31 @@
|
|
1270
1315
|
--Tooltip--attr-paddingY: 0.125rem;
|
1271
1316
|
--Tooltip--attr-transition: all var(--animation-duration) ease-in-out;
|
1272
1317
|
--Tooltip-arrow-color: var(--Tooltip-bg);
|
1273
|
-
--Tooltip-arrow-color:
|
1318
|
+
--Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85);
|
1274
1319
|
--Tooltip-arrow-height: 0.5rem;
|
1275
1320
|
--Tooltip-arrow-height: 0.5rem;
|
1276
1321
|
--Tooltip-arrow-outerColor: #d1d5db;
|
1277
1322
|
--Tooltip-arrow-width: 1rem;
|
1278
1323
|
--Tooltip-arrow-width: 1rem;
|
1279
1324
|
--Tooltip-bg: var(--background);
|
1325
|
+
--Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
|
1280
1326
|
--Tooltip-body-color: var(--text-color);
|
1327
|
+
--Tooltip-body-color--dark: var(--white);
|
1281
1328
|
--Tooltip-body-paddingX: var(--gap-sm);
|
1282
1329
|
--Tooltip-body-paddingY: var(--gap-sm);
|
1283
1330
|
--Tooltip-borderColor: var(--borderColor);
|
1284
1331
|
--Tooltip-borderRadius: var(--borderRadiusLg);
|
1285
1332
|
--Tooltip-borderWidth: var(--borderWidth);
|
1286
1333
|
--Tooltip-boxShadow: var(--boxShadow);
|
1334
|
+
--Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
|
1287
1335
|
--Tooltip-fontSize: var(--fontSizeSm);
|
1288
1336
|
--Tooltip-maxWidth: 15rem;
|
1289
1337
|
--Tooltip-minWidth: auto;
|
1338
|
+
--Tooltip-title-fontWeight: bold;
|
1290
1339
|
--Tooltip-title-bg: #f7f7f7;
|
1291
1340
|
--Tooltip-title-borderBottom-color: #ebebeb;
|
1292
1341
|
--Tooltip-title-color: var(--text--loud-color);
|
1342
|
+
--Tooltip-title-color--dark: var(--white);
|
1293
1343
|
--Tooltip-title-paddingX: var(--gap-sm);
|
1294
1344
|
--Tooltip-title-paddingY: var(--gap-xs);
|
1295
1345
|
--Transfer-title-bg: #f6f8f8;
|
@@ -14162,12 +14212,91 @@ input[type=button].dark-Button--block {
|
|
14162
14212
|
transform: scale(1.1);
|
14163
14213
|
}
|
14164
14214
|
|
14215
|
+
.dark-Breadcrumb {
|
14216
|
+
font-size: var(--Breadcrumb-item-fontSize);
|
14217
|
+
font-weight: var(--fontWeightBase);
|
14218
|
+
color: var(--Breadcrumb-item-default-color);
|
14219
|
+
}
|
14165
14220
|
.dark-Breadcrumb-icon {
|
14166
14221
|
margin-right: 0.125rem;
|
14222
|
+
min-width: var(--gap-xs);
|
14223
|
+
}
|
14224
|
+
.dark-Breadcrumb-item {
|
14225
|
+
position: relative;
|
14226
|
+
}
|
14227
|
+
.dark-Breadcrumb-item-default {
|
14228
|
+
cursor: pointer;
|
14229
|
+
color: var(--Breadcrumb-item-default-color);
|
14230
|
+
}
|
14231
|
+
.dark-Breadcrumb-item-dropdown {
|
14232
|
+
cursor: pointer;
|
14233
|
+
color: var(--BreadcrumbDropdown-item-default-color);
|
14234
|
+
}
|
14235
|
+
.dark-Breadcrumb-item a:hover {
|
14236
|
+
color: var(--Breadcrumb-item-hover-color);
|
14237
|
+
}
|
14238
|
+
.dark-Breadcrumb-item a:active {
|
14239
|
+
color: var(--Breadcrumb-item-active-color);
|
14240
|
+
}
|
14241
|
+
.dark-Breadcrumb-item-last .dark-Breadcrumb-item-default {
|
14242
|
+
font-weight: var(--fontWeightMd);
|
14243
|
+
color: var(--Breadcrumb-item-last-color);
|
14244
|
+
}
|
14245
|
+
.dark-Breadcrumb-item-caret {
|
14246
|
+
margin-left: var(--gap-sm);
|
14247
|
+
cursor: pointer;
|
14248
|
+
display: inline-block;
|
14249
|
+
transition: transform var(--animation-duration) ease;
|
14250
|
+
}
|
14251
|
+
.dark-Breadcrumb-item-caret > svg {
|
14252
|
+
width: 0.625rem;
|
14253
|
+
height: 0.625rem;
|
14254
|
+
top: 0.0625rem;
|
14255
|
+
}
|
14256
|
+
.dark-Breadcrumb-item.is-opened .dark-Breadcrumb-item-caret {
|
14257
|
+
transform: translateY(0.125rem) rotate(180deg);
|
14258
|
+
color: var(--Breadcrumb-item-hover-color);
|
14259
|
+
}
|
14260
|
+
.dark-Breadcrumb-item.is-opened .dark-Breadcrumb-item-default {
|
14261
|
+
color: var(--Breadcrumb-item-hover-color);
|
14167
14262
|
}
|
14168
14263
|
.dark-Breadcrumb-separator {
|
14169
14264
|
user-select: none;
|
14170
|
-
margin: 0 var(--gap-
|
14265
|
+
margin: 0 var(--gap-sm);
|
14266
|
+
text-align: center;
|
14267
|
+
min-width: var(--gap-xs);
|
14268
|
+
}
|
14269
|
+
.dark-Breadcrumb-dropdown {
|
14270
|
+
position: absolute;
|
14271
|
+
z-index: 1000;
|
14272
|
+
top: 100%;
|
14273
|
+
left: 0;
|
14274
|
+
margin: 0.0625rem 0;
|
14275
|
+
background: var(--DropDown-menu-bg);
|
14276
|
+
list-style: none;
|
14277
|
+
padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
|
14278
|
+
border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
|
14279
|
+
border-radius: var(--DropDown-menu-borderRadius);
|
14280
|
+
box-shadow: var(--DropDown-menu-boxShadow);
|
14281
|
+
min-width: 100%;
|
14282
|
+
text-align: left;
|
14283
|
+
font-size: var(--BreadcrumbDropdown-item-fontSize);
|
14284
|
+
}
|
14285
|
+
.dark-Breadcrumb-dropdown > li {
|
14286
|
+
padding: var(--BreadcrumbDropdown-item-paddingX) var(--BreadcrumbDropdown-item-paddingY);
|
14287
|
+
white-space: nowrap;
|
14288
|
+
box-sizing: border-box;
|
14289
|
+
padding-left: 0.75rem;
|
14290
|
+
vertical-align: middle;
|
14291
|
+
user-select: none;
|
14292
|
+
color: var(--BreadcrumbDropdown-item-default-color);
|
14293
|
+
background-color: var(--BreadcrumbDropdown-item-default-bg);
|
14294
|
+
}
|
14295
|
+
.dark-Breadcrumb-dropdown > li:hover {
|
14296
|
+
background: var(--BreadcrumbDropdown-item-hover-bg);
|
14297
|
+
}
|
14298
|
+
.dark-Breadcrumb-dropdown > li:hover a {
|
14299
|
+
color: var(--Breadcrumb-item-hover-color);
|
14171
14300
|
}
|
14172
14301
|
|
14173
14302
|
.dark-Badge {
|
@@ -14959,6 +15088,7 @@ input[type=button].dark-Button--block {
|
|
14959
15088
|
border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-borderBottom-color);
|
14960
15089
|
border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
|
14961
15090
|
border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
|
15091
|
+
font-weight: var(--Tooltip-title-fontWeight);
|
14962
15092
|
}
|
14963
15093
|
.dark-Tooltip-title:empty {
|
14964
15094
|
display: none;
|
@@ -14967,6 +15097,50 @@ input[type=button].dark-Button--block {
|
|
14967
15097
|
color: var(--Tooltip-body-color);
|
14968
15098
|
padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);
|
14969
15099
|
}
|
15100
|
+
.dark-Tooltip--dark {
|
15101
|
+
background: var(--Tooltip-bg--dark);
|
15102
|
+
border: none;
|
15103
|
+
box-shadow: var(--Tooltip-boxShadow--dark);
|
15104
|
+
}
|
15105
|
+
.dark-Tooltip--dark .dark-Tooltip-title {
|
15106
|
+
color: var(--Tooltip-title-color--dark);
|
15107
|
+
background: transparent;
|
15108
|
+
border-bottom: none;
|
15109
|
+
}
|
15110
|
+
.dark-Tooltip--dark .dark-Tooltip-title::before {
|
15111
|
+
border-bottom-color: transparent;
|
15112
|
+
}
|
15113
|
+
.dark-Tooltip--dark .dark-Tooltip-body {
|
15114
|
+
color: var(--Tooltip-body-color--dark);
|
15115
|
+
}
|
15116
|
+
.dark-Tooltip--dark.dark-Tooltip--top .dark-Tooltip-arrow::before {
|
15117
|
+
border-width: 0;
|
15118
|
+
}
|
15119
|
+
.dark-Tooltip--dark.dark-Tooltip--top .dark-Tooltip-arrow::after {
|
15120
|
+
border-top-color: var(--Tooltip-arrow-color--dark);
|
15121
|
+
}
|
15122
|
+
.dark-Tooltip--dark.dark-Tooltip--bottom .dark-Tooltip-arrow::before {
|
15123
|
+
border-width: 0;
|
15124
|
+
}
|
15125
|
+
.dark-Tooltip--dark.dark-Tooltip--bottom .dark-Tooltip-arrow::after {
|
15126
|
+
border-bottom-color: var(--Tooltip-arrow-color--dark);
|
15127
|
+
}
|
15128
|
+
.dark-Tooltip--dark.dark-Tooltip--left .dark-Tooltip-arrow::before {
|
15129
|
+
border-width: 0;
|
15130
|
+
}
|
15131
|
+
.dark-Tooltip--dark.dark-Tooltip--left .dark-Tooltip-arrow::after {
|
15132
|
+
border-left-color: var(--Tooltip-arrow-color--dark);
|
15133
|
+
}
|
15134
|
+
.dark-Tooltip--dark.dark-Tooltip--right .dark-Tooltip-arrow::before {
|
15135
|
+
border-width: 0;
|
15136
|
+
}
|
15137
|
+
.dark-Tooltip--dark.dark-Tooltip--right .dark-Tooltip-arrow::after {
|
15138
|
+
border-right-color: var(--Tooltip-arrow-color--dark);
|
15139
|
+
}
|
15140
|
+
|
15141
|
+
.dark-TooltipWrapper--inline {
|
15142
|
+
display: inline-block;
|
15143
|
+
}
|
14970
15144
|
|
14971
15145
|
@keyframes tooltipIn {
|
14972
15146
|
from {
|
@@ -15173,6 +15347,18 @@ input[type=button].dark-Button--block {
|
|
15173
15347
|
display: flex;
|
15174
15348
|
flex-direction: column;
|
15175
15349
|
}
|
15350
|
+
.dark-PopUp-closeBox {
|
15351
|
+
width: 3rem;
|
15352
|
+
height: 3rem;
|
15353
|
+
position: absolute;
|
15354
|
+
z-index: 1;
|
15355
|
+
cursor: pointer;
|
15356
|
+
right: 0;
|
15357
|
+
top: 0;
|
15358
|
+
display: flex;
|
15359
|
+
justify-content: center;
|
15360
|
+
align-items: center;
|
15361
|
+
}
|
15176
15362
|
.dark-PopUp-closeWrap {
|
15177
15363
|
position: relative;
|
15178
15364
|
text-align: center;
|
@@ -15180,12 +15366,9 @@ input[type=button].dark-Button--block {
|
|
15180
15366
|
line-height: 3rem;
|
15181
15367
|
}
|
15182
15368
|
.dark-PopUp-closeWrap .dark-PopUp-close {
|
15183
|
-
position: absolute;
|
15184
15369
|
z-index: 1;
|
15185
15370
|
color: var(--icon-color);
|
15186
15371
|
cursor: pointer;
|
15187
|
-
top: 0.9375rem;
|
15188
|
-
right: 0.9375rem;
|
15189
15372
|
}
|
15190
15373
|
.dark-PopUp-toolbar {
|
15191
15374
|
display: flex;
|
@@ -15585,7 +15768,7 @@ input[type=button].dark-Button--block {
|
|
15585
15768
|
align-items: flex-start;
|
15586
15769
|
}
|
15587
15770
|
.dark-Alert-icon {
|
15588
|
-
margin-right:
|
15771
|
+
margin-right: var(--gap-sm);
|
15589
15772
|
font-size: var(--fontSizeLg);
|
15590
15773
|
}
|
15591
15774
|
.dark-Alert-content {
|
@@ -15784,56 +15967,104 @@ input[type=button].dark-Button--block {
|
|
15784
15967
|
cursor: move;
|
15785
15968
|
}
|
15786
15969
|
|
15787
|
-
.dark-Tabs-
|
15970
|
+
.dark-Tabs-drag-tip {
|
15971
|
+
display: none;
|
15972
|
+
}
|
15973
|
+
.dark-Tabs-linksWrapper {
|
15974
|
+
display: flex;
|
15975
|
+
align-items: center;
|
15976
|
+
justify-content: flex-start;
|
15977
|
+
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
15978
|
+
}
|
15979
|
+
.dark-Tabs-linksContainer-wrapper {
|
15788
15980
|
position: relative;
|
15981
|
+
display: flex;
|
15982
|
+
align-items: center;
|
15983
|
+
justify-content: flex-start;
|
15984
|
+
}
|
15985
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
|
15986
|
+
display: flex;
|
15987
|
+
margin-left: var(--Tabs-add-margin);
|
15988
|
+
align-items: center;
|
15989
|
+
justify-content: flex-start;
|
15990
|
+
padding: var(--Tabs--line-addPadding);
|
15991
|
+
white-space: nowrap;
|
15992
|
+
cursor: pointer;
|
15993
|
+
}
|
15994
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-addable-icon {
|
15995
|
+
width: var(--Tabs-add-icon-size);
|
15996
|
+
height: var(--Tabs-add-icon-size);
|
15997
|
+
padding: var(--Tabs-add-icon-padding);
|
15998
|
+
margin-right: var(--Tabs-add-icon-margin);
|
15999
|
+
}
|
16000
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-addable span {
|
16001
|
+
margin-left: 4px;
|
16002
|
+
line-height: 1;
|
16003
|
+
}
|
16004
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-addable:hover {
|
16005
|
+
color: var(--primary);
|
16006
|
+
fill: var(--primary);
|
16007
|
+
}
|
16008
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer {
|
16009
|
+
flex-grow: 1;
|
16010
|
+
position: relative;
|
16011
|
+
display: flex;
|
16012
|
+
align-items: center;
|
16013
|
+
overflow: hidden;
|
15789
16014
|
}
|
15790
|
-
.dark-Tabs-linksContainer-arrow {
|
16015
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow {
|
16016
|
+
margin: var(--Tabs--line-addPadding);
|
16017
|
+
width: 16px;
|
15791
16018
|
height: 100%;
|
15792
16019
|
display: flex;
|
15793
16020
|
align-items: center;
|
15794
|
-
top: 0;
|
15795
16021
|
cursor: pointer;
|
15796
|
-
|
16022
|
+
box-sizing: content-box;
|
15797
16023
|
}
|
15798
|
-
.dark-Tabs-linksContainer-arrow .iconfont {
|
16024
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow .iconfont {
|
15799
16025
|
font-size: var(--Remark-icon-fontSize);
|
15800
16026
|
}
|
15801
|
-
.dark-Tabs-linksContainer-arrow:hover {
|
16027
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow:hover {
|
15802
16028
|
color: var(--icon-onHover-color);
|
15803
16029
|
}
|
15804
|
-
.dark-Tabs-linksContainer-arrow--left {
|
15805
|
-
|
16030
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--left {
|
16031
|
+
padding-right: 16px;
|
15806
16032
|
}
|
15807
|
-
.dark-Tabs-linksContainer-arrow--right {
|
15808
|
-
|
16033
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--right {
|
16034
|
+
padding-left: 16px;
|
15809
16035
|
}
|
15810
|
-
.dark-Tabs-linksContainer-arrow--disabled .iconfont {
|
16036
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--disabled .iconfont {
|
15811
16037
|
cursor: not-allowed;
|
15812
16038
|
color: var(--Number-handler-onDisabled-color);
|
15813
16039
|
}
|
15814
|
-
.dark-Tabs-linksContainer-arrow--disabled:hover {
|
16040
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--disabled:hover {
|
15815
16041
|
color: var(--Number-handler-onDisabled-color);
|
15816
16042
|
}
|
15817
|
-
.dark-Tabs-linksContainer-main {
|
16043
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main {
|
16044
|
+
position: relative;
|
15818
16045
|
overflow-y: auto;
|
15819
16046
|
scrollbar-width: none;
|
15820
16047
|
width: 100%;
|
15821
16048
|
}
|
15822
|
-
.dark-Tabs-linksContainer-main::-webkit-scrollbar {
|
16049
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main::-webkit-scrollbar {
|
15823
16050
|
display: none;
|
15824
16051
|
}
|
15825
|
-
.dark-Tabs-linksContainer-main
|
15826
|
-
white-space: nowrap;
|
16052
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main .dark-Tabs-links {
|
15827
16053
|
min-width: 100%;
|
15828
|
-
|
16054
|
+
max-width: 0;
|
16055
|
+
height: 100%;
|
16056
|
+
overflow-x: hidden;
|
15829
16057
|
}
|
15830
|
-
.dark-Tabs .dark-Tabs-linksContainer
|
15831
|
-
|
16058
|
+
.dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-links-drag {
|
16059
|
+
position: absolute;
|
16060
|
+
height: 100%;
|
16061
|
+
top: 0;
|
16062
|
+
box-shadow: 0 0 0 1px red;
|
15832
16063
|
}
|
15833
16064
|
.dark-Tabs-links {
|
16065
|
+
display: flex;
|
15834
16066
|
margin: 0;
|
15835
16067
|
padding: 0;
|
15836
|
-
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
|
15837
16068
|
list-style: none;
|
15838
16069
|
user-select: none;
|
15839
16070
|
}
|
@@ -15845,9 +16076,24 @@ input[type=button].dark-Button--block {
|
|
15845
16076
|
clear: both;
|
15846
16077
|
}
|
15847
16078
|
.dark-Tabs-links > .dark-Tabs-link {
|
15848
|
-
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
|
15849
|
-
display: inline-block;
|
15850
16079
|
position: relative;
|
16080
|
+
flex: none;
|
16081
|
+
display: flex;
|
16082
|
+
max-width: var(--Tabs-link-maxWidth);
|
16083
|
+
overflow: hidden;
|
16084
|
+
}
|
16085
|
+
.dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-edit {
|
16086
|
+
max-width: var(--Tabs-link-maxWidth);
|
16087
|
+
border: none;
|
16088
|
+
outline: none;
|
16089
|
+
}
|
16090
|
+
.dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close {
|
16091
|
+
margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin);
|
16092
|
+
fill: var(--Tabs-gray-color);
|
16093
|
+
cursor: pointer;
|
16094
|
+
}
|
16095
|
+
.dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close .dark-Tabs-link-close-icon {
|
16096
|
+
width: var(--Tabs-close-size);
|
15851
16097
|
}
|
15852
16098
|
.dark-Tabs-links > .dark-Tabs-link > a:first-child {
|
15853
16099
|
font-size: var(--Tabs-linkFontSize);
|
@@ -15861,6 +16107,9 @@ input[type=button].dark-Button--block {
|
|
15861
16107
|
text-decoration: none;
|
15862
16108
|
cursor: pointer;
|
15863
16109
|
display: block;
|
16110
|
+
text-overflow: ellipsis;
|
16111
|
+
overflow: hidden;
|
16112
|
+
white-space: nowrap;
|
15864
16113
|
}
|
15865
16114
|
.dark-Tabs-links > .dark-Tabs-link > .dark-Combo-toolbarBtn {
|
15866
16115
|
position: absolute;
|
@@ -15874,14 +16123,13 @@ input[type=button].dark-Button--block {
|
|
15874
16123
|
}
|
15875
16124
|
.dark-Tabs-links > .dark-Tabs-link:hover > a:first-child,
|
15876
16125
|
.dark-Tabs-links > .dark-Tabs-link > a:first-child:focus {
|
15877
|
-
border-color: var(--Tabs-onHover-borderColor);
|
15878
16126
|
text-decoration: none;
|
15879
16127
|
}
|
15880
16128
|
.dark-Tabs-links > .dark-Tabs-link.disabled, .dark-Tabs-links > .dark-Tabs-link.is-disabled {
|
15881
16129
|
cursor: not-allowed;
|
15882
16130
|
}
|
15883
16131
|
.dark-Tabs-links > .dark-Tabs-link.disabled > a:first-child, .dark-Tabs-links > .dark-Tabs-link.is-disabled > a:first-child {
|
15884
|
-
color: var(--Tabs-
|
16132
|
+
color: var(--Tabs-link-disabled-color);
|
15885
16133
|
background: transparent;
|
15886
16134
|
border-color: transparent;
|
15887
16135
|
pointer-events: none;
|
@@ -15896,7 +16144,7 @@ input[type=button].dark-Button--block {
|
|
15896
16144
|
background: var(--Tabs-content-bg);
|
15897
16145
|
border-style: solid;
|
15898
16146
|
border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);
|
15899
|
-
border-color: var(--Tabs-
|
16147
|
+
border-color: var(--Tabs--simple-split-color);
|
15900
16148
|
}
|
15901
16149
|
.dark-Tabs-pane {
|
15902
16150
|
display: none;
|
@@ -15910,30 +16158,63 @@ input[type=button].dark-Button--block {
|
|
15910
16158
|
.dark-Tabs-pane.in {
|
15911
16159
|
opacity: 1;
|
15912
16160
|
}
|
16161
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper {
|
16162
|
+
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16163
|
+
}
|
16164
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-link {
|
16165
|
+
padding-top: 10px;
|
16166
|
+
}
|
16167
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-addable {
|
16168
|
+
padding: 0;
|
16169
|
+
}
|
16170
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-linksContainer-arrow {
|
16171
|
+
margin: 0;
|
16172
|
+
}
|
15913
16173
|
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
|
15914
16174
|
top: -4px;
|
15915
16175
|
}
|
15916
|
-
.dark-Tabs--line > .dark-Tabs-
|
16176
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links,
|
16177
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
|
15917
16178
|
border-bottom-color: var(--Tabs--line-borderColor);
|
15918
16179
|
}
|
15919
|
-
.dark-Tabs--line > .dark-Tabs-
|
16180
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li,
|
16181
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
|
16182
|
+
padding-left: var(--Tabs--line-padding);
|
16183
|
+
padding-right: var(--Tabs--line-padding);
|
16184
|
+
}
|
16185
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:first-of-type,
|
16186
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:first-of-type {
|
16187
|
+
padding-left: 0;
|
16188
|
+
}
|
16189
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:last-of-type,
|
16190
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-of-type {
|
16191
|
+
padding-right: 0;
|
16192
|
+
}
|
16193
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child,
|
16194
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
15920
16195
|
border-width: 0 0 var(--Tabs--line-borderWidth) 0;
|
15921
16196
|
padding: var(--Tabs--line-linkPadding);
|
15922
|
-
margin: var(--Tabs--line-linkMargin);
|
15923
16197
|
}
|
15924
|
-
.dark-Tabs--line > .dark-Tabs-
|
16198
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover a:first-child,
|
16199
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover a:first-child {
|
15925
16200
|
color: var(--primary);
|
15926
16201
|
background: transparent;
|
15927
16202
|
border-color: transparent;
|
15928
16203
|
}
|
15929
|
-
.dark-Tabs--line > .dark-Tabs-
|
16204
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .dark-Tabs-link-close,
|
16205
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover .dark-Tabs-link-close {
|
16206
|
+
fill: var(--primary);
|
16207
|
+
}
|
16208
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:last-child > a,
|
16209
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-child > a {
|
15930
16210
|
margin: 0;
|
15931
16211
|
}
|
15932
|
-
.dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child,
|
15933
|
-
.dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
15934
|
-
.dark-Tabs--line > .dark-Tabs-
|
15935
|
-
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child
|
15936
|
-
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:
|
16212
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
|
16213
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16214
|
+
.dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus,
|
16215
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
|
16216
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16217
|
+
.dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
|
15937
16218
|
border-color: var(--Tabs--line-onHover-borderColor);
|
15938
16219
|
color: var(--Tabs--line-onHover-color);
|
15939
16220
|
background: transparent;
|
@@ -15946,142 +16227,212 @@ input[type=button].dark-Button--block {
|
|
15946
16227
|
.dark-Tabs--card > .dark-Tabs-linksContainer {
|
15947
16228
|
background: var(--Tabs--card-bg);
|
15948
16229
|
}
|
15949
|
-
.dark-Tabs--card > .dark-Tabs-
|
15950
|
-
padding: var(--Tabs--card-padding);
|
16230
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper {
|
15951
16231
|
background: var(--Tabs--card-bg);
|
16232
|
+
}
|
16233
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-addable {
|
16234
|
+
margin-left: 0;
|
16235
|
+
padding: 0;
|
16236
|
+
padding-top: var(--Tabs--card-add-gap-top);
|
16237
|
+
margin-right: var(--Tabs--card-add-gap);
|
16238
|
+
}
|
16239
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-addable {
|
16240
|
+
padding: 0;
|
16241
|
+
}
|
16242
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
|
16243
|
+
padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap) 0;
|
16244
|
+
margin-bottom: 0;
|
16245
|
+
}
|
16246
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
|
16247
|
+
padding: var(--Tabs--card-padding);
|
15952
16248
|
border-top: 0.0625rem solid var(--Tabs--card-borderTopColor);
|
15953
16249
|
}
|
15954
|
-
.dark-Tabs--card > .dark-Tabs-
|
15955
|
-
|
15956
|
-
|
15957
|
-
|
15958
|
-
|
16250
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
|
16251
|
+
padding: var(--Tabs--card-linkPadding);
|
16252
|
+
margin: var(--Tabs--card-linkMargin);
|
16253
|
+
border-top-left-radius: var(--Tabs-borderRadius);
|
16254
|
+
border-top-right-radius: var(--Tabs-borderRadius);
|
16255
|
+
cursor: pointer;
|
16256
|
+
}
|
16257
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
|
15959
16258
|
border-color: var(--Tabs--card-onActive-borderColor);
|
15960
16259
|
color: var(--primary);
|
15961
16260
|
border-bottom-color: var(--Tabs--card-onActive-bg);
|
15962
16261
|
background: var(--Tabs--card-onActive-bg);
|
15963
16262
|
}
|
15964
|
-
.dark-Tabs--card > .dark-Tabs-
|
15965
|
-
padding: var(--Tabs--card-linkPadding);
|
15966
|
-
margin: var(--Tabs--card-linkMargin);
|
15967
|
-
}
|
15968
|
-
.dark-Tabs--card > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--card > .dark-Tabs-links > li > a:first-child:focus, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
|
15969
|
-
color: #666;
|
16263
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
|
15970
16264
|
background: var(--Tabs--card-onActive-bg);
|
15971
16265
|
border-bottom-color: transparent;
|
15972
16266
|
}
|
16267
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16268
|
+
padding: 0;
|
16269
|
+
border: none;
|
16270
|
+
}
|
16271
|
+
.dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-toolbar {
|
16272
|
+
padding: var(--Tabs--card-padding);
|
16273
|
+
margin: 0;
|
16274
|
+
}
|
15973
16275
|
.dark-Tabs--card > .dark-Tabs-content {
|
15974
16276
|
border-width: 0;
|
15975
16277
|
}
|
15976
|
-
.dark-Tabs--radio > .dark-Tabs-linksContainer
|
15977
|
-
|
16278
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper {
|
16279
|
+
margin-bottom: 0.625rem;
|
16280
|
+
}
|
16281
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
|
16282
|
+
padding: 0;
|
15978
16283
|
}
|
15979
|
-
.dark-Tabs--radio > .dark-Tabs-
|
16284
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
|
16285
|
+
margin-bottom: 0;
|
16286
|
+
}
|
16287
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
|
15980
16288
|
border: 0;
|
15981
|
-
margin-bottom: 0.625rem;
|
15982
16289
|
}
|
15983
|
-
.dark-Tabs--radio > .dark-Tabs-
|
16290
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
|
15984
16291
|
margin: 0;
|
15985
|
-
|
15986
|
-
.dark-Tabs--radio > .dark-Tabs-links > li > a:first-child, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16292
|
+
align-items: center;
|
15987
16293
|
border-width: 0.0625rem;
|
15988
|
-
border-color: var(--Tabs-
|
15989
|
-
font-size: var(--fontSizeSm);
|
16294
|
+
border-color: var(--Tabs--simple-split-color);
|
15990
16295
|
text-align: center;
|
15991
16296
|
margin: 0;
|
15992
16297
|
padding: 0 0.625rem;
|
15993
16298
|
min-width: 68px;
|
15994
16299
|
height: 1.875rem;
|
15995
|
-
line-height: 1.875rem;
|
15996
|
-
border-radius: 0;
|
15997
16300
|
background: var(--Tabs--radio-bg);
|
16301
|
+
border-style: solid;
|
15998
16302
|
}
|
15999
|
-
.dark-Tabs--radio > .dark-Tabs-
|
16303
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
|
16000
16304
|
color: var(--primary);
|
16001
16305
|
}
|
16002
|
-
.dark-Tabs--radio > .dark-Tabs-
|
16003
|
-
|
16004
|
-
|
16005
|
-
|
16006
|
-
|
16007
|
-
|
16306
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16307
|
+
padding: 0;
|
16308
|
+
border-radius: 0;
|
16309
|
+
line-height: 1.875rem;
|
16310
|
+
font-size: var(--fontSizeSm);
|
16311
|
+
border: none;
|
16312
|
+
}
|
16313
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
|
16008
16314
|
background: var(--primary);
|
16009
16315
|
border-color: var(--primary);
|
16010
16316
|
position: relative;
|
16011
16317
|
z-index: 1;
|
16012
16318
|
}
|
16013
|
-
.dark-Tabs--radio > .dark-Tabs-
|
16319
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child {
|
16320
|
+
background: var(--primary);
|
16321
|
+
color: var(--Tabs--radio-bg);
|
16322
|
+
}
|
16323
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > .dark-Tabs-link-close {
|
16324
|
+
fill: var(--Tabs--radio-bg);
|
16325
|
+
}
|
16326
|
+
.dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li + li {
|
16014
16327
|
margin-left: -1px;
|
16015
16328
|
}
|
16016
16329
|
.dark-Tabs--radio > .dark-Tabs-content {
|
16017
|
-
border-top: var(--Tabs-borderWidth) solid var(--Tabs-
|
16330
|
+
border-top: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16018
16331
|
}
|
16019
|
-
.dark-Tabs--tiled > .dark-Tabs-
|
16332
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper {
|
16333
|
+
align-items: stretch;
|
16334
|
+
border-bottom: none;
|
16335
|
+
}
|
16336
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer {
|
16337
|
+
flex: 1;
|
16338
|
+
align-items: stretch;
|
16339
|
+
}
|
16340
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
|
16341
|
+
margin-bottom: 0;
|
16342
|
+
padding: 0 10px;
|
16343
|
+
height: auto;
|
16344
|
+
align-items: center;
|
16345
|
+
justify-content: center;
|
16346
|
+
border-width: var(--Tabs-borderWidth);
|
16347
|
+
border-style: solid;
|
16348
|
+
border-color: var(--Tabs--simple-split-color);
|
16349
|
+
}
|
16350
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:first-of-type {
|
16351
|
+
border-left-width: 0;
|
16352
|
+
}
|
16353
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
|
16354
|
+
border-right-width: 0;
|
16355
|
+
}
|
16356
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
|
16357
|
+
padding: 0 var(--Tabs--tiled-add-gap);
|
16358
|
+
margin-left: 0;
|
16359
|
+
white-space: nowrap;
|
16360
|
+
border-style: solid;
|
16361
|
+
border-color: var(--Tabs--simple-split-color);
|
16362
|
+
border-width: var(--Tabs-borderWidth);
|
16363
|
+
border-left-width: 0;
|
16364
|
+
}
|
16365
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
|
16020
16366
|
width: 100%;
|
16021
16367
|
display: flex;
|
16022
16368
|
flex-direction: row;
|
16023
16369
|
padding-left: var(--Tabs-borderWidth);
|
16024
16370
|
border-bottom: 0;
|
16025
16371
|
}
|
16026
|
-
.dark-Tabs--tiled > .dark-Tabs-
|
16372
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
|
16373
|
+
max-width: unset;
|
16027
16374
|
flex-grow: 1;
|
16028
16375
|
text-align: center;
|
16029
16376
|
margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1);
|
16030
|
-
}
|
16031
|
-
.dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16032
|
-
margin: 0;
|
16033
|
-
border-radius: 0;
|
16034
16377
|
border-style: solid;
|
16035
|
-
border-color: var(--Tabs-
|
16378
|
+
border-color: var(--Tabs--simple-split-color);
|
16036
16379
|
border-width: var(--Tabs-borderWidth);
|
16380
|
+
padding: var(--Tabs-linkPadding);
|
16381
|
+
cursor: pointer;
|
16037
16382
|
}
|
16038
|
-
.dark-Tabs--tiled > .dark-Tabs-
|
16383
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
|
16039
16384
|
position: relative;
|
16040
16385
|
z-index: 1;
|
16041
16386
|
border-color: var(--Tabs-onActive-borderColor);
|
16042
16387
|
color: var(--primary);
|
16043
16388
|
}
|
16044
|
-
.dark-Tabs--tiled > .dark-Tabs-
|
16045
|
-
|
16046
|
-
|
16047
|
-
|
16048
|
-
|
16389
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16390
|
+
margin: 0;
|
16391
|
+
border-radius: 0;
|
16392
|
+
padding: 0;
|
16393
|
+
flex: 1;
|
16394
|
+
border: none;
|
16395
|
+
}
|
16396
|
+
.dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
|
16049
16397
|
cursor: default;
|
16050
16398
|
color: var(--primary);
|
16051
|
-
border-color: var(--Tabs-
|
16399
|
+
border-color: var(--Tabs--simple-split-color);
|
16052
16400
|
border-top-color: var(--primary);
|
16053
16401
|
border-bottom-color: transparent;
|
16054
16402
|
}
|
16055
16403
|
.dark-Tabs--vertical {
|
16056
16404
|
display: flex;
|
16057
16405
|
min-height: 12.5rem;
|
16058
|
-
border: var(--Tabs-borderWidth) solid var(--Tabs-
|
16406
|
+
border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16059
16407
|
border-radius: 0;
|
16060
16408
|
}
|
16061
|
-
.dark-Tabs--vertical > .dark-Tabs-
|
16062
|
-
|
16409
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper {
|
16410
|
+
flex-direction: column;
|
16063
16411
|
background: var(--Tabs--vertical-onActive-container-bg);
|
16412
|
+
}
|
16413
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links {
|
16414
|
+
width: var(--Tabs--vertical-width);
|
16064
16415
|
border: none;
|
16065
16416
|
border-right: var(--Tabs--vertical-onActive-container-borderRight);
|
16066
|
-
|
16417
|
+
flex-direction: column;
|
16067
16418
|
}
|
16068
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li {
|
16419
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
|
16069
16420
|
margin: 0 0 0 -1px;
|
16070
16421
|
display: block;
|
16071
16422
|
}
|
16072
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child {
|
16423
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
|
16073
16424
|
border-color: transparent;
|
16074
16425
|
border-radius: 0;
|
16075
16426
|
border-width: var(--Tabs--vertical-onActive-borderWidth);
|
16076
16427
|
margin: 0;
|
16077
16428
|
}
|
16078
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:focus {
|
16429
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:focus {
|
16079
16430
|
color: var(--primary);
|
16080
16431
|
border-color: transparent;
|
16081
16432
|
}
|
16082
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child,
|
16083
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16084
|
-
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:focus {
|
16433
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
|
16434
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16435
|
+
.dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus {
|
16085
16436
|
color: var(--Tabs--vertical-onActive-color);
|
16086
16437
|
background: var(--Tabs--vertical-onActive-bg);
|
16087
16438
|
border-color: var(--Tabs--vertical-onActive-border);
|
@@ -16093,14 +16444,87 @@ input[type=button].dark-Button--block {
|
|
16093
16444
|
.dark-Tabs--vertical > .dark-Tabs-content > .dark-Tabs-pane {
|
16094
16445
|
height: 100%;
|
16095
16446
|
}
|
16096
|
-
.dark-Tabs--
|
16447
|
+
.dark-Tabs--sidebar {
|
16448
|
+
display: flex;
|
16449
|
+
height: 100%;
|
16450
|
+
}
|
16451
|
+
.dark-Tabs--sidebar.sidebar--left {
|
16452
|
+
flex-direction: row;
|
16453
|
+
}
|
16454
|
+
.dark-Tabs--sidebar.sidebar--left > .dark-Tabs-content {
|
16455
|
+
border-right: none;
|
16456
|
+
}
|
16457
|
+
.dark-Tabs--sidebar.sidebar--right {
|
16458
|
+
flex-direction: row-reverse;
|
16459
|
+
}
|
16460
|
+
.dark-Tabs--sidebar.sidebar--right > .dark-Tabs-content {
|
16461
|
+
border-left: none;
|
16462
|
+
}
|
16463
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper {
|
16464
|
+
flex: 0 0 var(--Tabs--sidebar-sideWidth);
|
16465
|
+
align-items: flex-start;
|
16466
|
+
border: none;
|
16467
|
+
}
|
16468
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links {
|
16469
|
+
position: relative;
|
16470
|
+
margin: 0;
|
16471
|
+
padding-top: var(--Tabs--sidebar-sidePadding);
|
16472
|
+
flex-grow: 1;
|
16473
|
+
border: none;
|
16474
|
+
flex-direction: column;
|
16475
|
+
border: 0;
|
16476
|
+
}
|
16477
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
|
16478
|
+
display: flex;
|
16479
|
+
margin: var(--Tabs--sidebar-sideMargin);
|
16480
|
+
padding: 0;
|
16481
|
+
flex-direction: column;
|
16482
|
+
justify-content: flex-start;
|
16483
|
+
align-items: center;
|
16484
|
+
border: 0;
|
16485
|
+
}
|
16486
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
|
16487
|
+
padding: 0;
|
16488
|
+
border: 0;
|
16489
|
+
margin: 0;
|
16490
|
+
display: flex;
|
16491
|
+
flex-direction: column;
|
16492
|
+
align-items: center;
|
16493
|
+
color: var(--Tabs-gray-color);
|
16494
|
+
}
|
16495
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child .dark-Icon {
|
16496
|
+
font-size: var(--Tabs--sidebar-iconSize);
|
16497
|
+
height: var(--Tabs--sidebar-iconSize);
|
16498
|
+
margin-bottom: var(--Tabs--sidebar-iconMargin);
|
16499
|
+
}
|
16500
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
|
16501
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:hover,
|
16502
|
+
.dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:focus {
|
16503
|
+
color: var(--Tabs--sidebar-iconColor);
|
16504
|
+
}
|
16505
|
+
.dark-Tabs--sidebar > .dark-Tabs-content {
|
16506
|
+
flex-grow: 1;
|
16507
|
+
border-bottom: none;
|
16508
|
+
}
|
16509
|
+
.dark-Tabs--sidebar > .dark-Tabs-content > .dark-Tabs-pane {
|
16510
|
+
height: 100%;
|
16511
|
+
}
|
16512
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper {
|
16097
16513
|
background: var(--Tabs--chrome-bg);
|
16514
|
+
border-bottom: none;
|
16515
|
+
}
|
16516
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-addable {
|
16517
|
+
margin-left: 0;
|
16518
|
+
padding: 0;
|
16519
|
+
padding-top: 10px;
|
16520
|
+
}
|
16521
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links {
|
16098
16522
|
border-bottom: 0;
|
16099
16523
|
padding: 0 0.625rem;
|
16100
16524
|
padding-top: 0.5rem;
|
16101
16525
|
display: flex;
|
16102
16526
|
}
|
16103
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li {
|
16527
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
|
16104
16528
|
position: relative;
|
16105
16529
|
margin-bottom: 0;
|
16106
16530
|
white-space: nowrap;
|
@@ -16109,25 +16533,27 @@ input[type=button].dark-Button--block {
|
|
16109
16533
|
padding: 0.4375rem 1.25rem 0.375rem;
|
16110
16534
|
cursor: pointer;
|
16111
16535
|
flex: 1;
|
16536
|
+
overflow: inherit;
|
16112
16537
|
}
|
16113
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li > a:first-child {
|
16538
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
|
16114
16539
|
background: none;
|
16115
16540
|
border: none;
|
16116
16541
|
position: relative;
|
16117
16542
|
z-index: 5;
|
16118
16543
|
overflow: hidden;
|
16119
16544
|
padding: 0;
|
16545
|
+
text-overflow: unset;
|
16120
16546
|
}
|
16121
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child,
|
16122
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16123
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:focus {
|
16547
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
|
16548
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16549
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus {
|
16124
16550
|
background: none;
|
16125
16551
|
border: none;
|
16126
16552
|
}
|
16127
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active:after {
|
16553
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active:after {
|
16128
16554
|
display: none;
|
16129
16555
|
}
|
16130
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li:after {
|
16556
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:after {
|
16131
16557
|
content: "";
|
16132
16558
|
width: 1px;
|
16133
16559
|
height: calc(100% - var(--Tabs--chrome-radius-size) * 2);
|
@@ -16136,22 +16562,22 @@ input[type=button].dark-Button--block {
|
|
16136
16562
|
background: var(--Tabs--chrome-right-boder-color);
|
16137
16563
|
top: var(--Tabs--chrome-radius-size);
|
16138
16564
|
}
|
16139
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background {
|
16565
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .chrome-tab-background {
|
16140
16566
|
z-index: 3;
|
16141
16567
|
display: block;
|
16142
16568
|
background-color: var(--Tabs--chrome-onHover-bg);
|
16143
16569
|
}
|
16144
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background > svg {
|
16570
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .chrome-tab-background > svg {
|
16145
16571
|
fill: var(--Tabs--chrome-onHover-bg);
|
16146
16572
|
}
|
16147
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li:hover:after {
|
16573
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover:after {
|
16148
16574
|
display: none;
|
16149
16575
|
}
|
16150
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background {
|
16576
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active .chrome-tab-background {
|
16151
16577
|
display: block;
|
16152
16578
|
background-color: var(--Tabs-onActive-bg);
|
16153
16579
|
}
|
16154
|
-
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background > svg {
|
16580
|
+
.dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active .chrome-tab-background > svg {
|
16155
16581
|
fill: var(--Tabs-onActive-bg);
|
16156
16582
|
}
|
16157
16583
|
.dark-Tabs--chrome .chrome-tab-background {
|
@@ -16177,10 +16603,148 @@ input[type=button].dark-Button--block {
|
|
16177
16603
|
.dark-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left {
|
16178
16604
|
left: calc(var(--Tabs--chrome-radius-size) * -1);
|
16179
16605
|
}
|
16606
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper {
|
16607
|
+
border-bottom: none;
|
16608
|
+
}
|
16609
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
|
16610
|
+
padding: 0;
|
16611
|
+
}
|
16612
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
|
16613
|
+
margin-bottom: 0;
|
16614
|
+
}
|
16615
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
|
16616
|
+
border: none;
|
16617
|
+
}
|
16618
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
|
16619
|
+
position: relative;
|
16620
|
+
border: none;
|
16621
|
+
padding: var(--Tabs--simple-split-size);
|
16622
|
+
}
|
16623
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li::after {
|
16624
|
+
content: "";
|
16625
|
+
position: absolute;
|
16626
|
+
top: 50%;
|
16627
|
+
right: 0;
|
16628
|
+
width: var(--Tabs--simple-split-width);
|
16629
|
+
height: var(--Tabs-add-icon-size);
|
16630
|
+
transform: translateY(-50%);
|
16631
|
+
background-color: var(--Tabs--simple-split-color);
|
16632
|
+
}
|
16633
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > .dark-Tabs-link-close {
|
16634
|
+
padding-top: var(--Tabs--simple-split-width);
|
16635
|
+
cursor: pointer;
|
16636
|
+
}
|
16637
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-of-type::after {
|
16638
|
+
content: none;
|
16639
|
+
}
|
16640
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
|
16641
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
|
16642
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child,
|
16643
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child:hover,
|
16644
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child:focus {
|
16645
|
+
color: var(--Tabs--line-onHover-color);
|
16646
|
+
border: none;
|
16647
|
+
}
|
16648
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover .dark-Tabs-link-close {
|
16649
|
+
fill: var(--primary);
|
16650
|
+
}
|
16651
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
|
16652
|
+
padding: 0;
|
16653
|
+
}
|
16654
|
+
.dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
|
16655
|
+
border: none;
|
16656
|
+
}
|
16657
|
+
.dark-Tabs--simple > .dark-Tabs-content {
|
16658
|
+
border: none;
|
16659
|
+
}
|
16660
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper {
|
16661
|
+
align-items: stretch;
|
16662
|
+
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16663
|
+
}
|
16664
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
|
16665
|
+
width: var(--Tabs--strong-add-size);
|
16666
|
+
margin-left: var(--Tabs--card-arrow-gap);
|
16667
|
+
padding: 0;
|
16668
|
+
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
|
16669
|
+
align-items: center;
|
16670
|
+
justify-content: center;
|
16671
|
+
font-size: 0;
|
16672
|
+
border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16673
|
+
border-top-left-radius: var(--Tabs-borderRadius);
|
16674
|
+
border-top-right-radius: var(--Tabs-borderRadius);
|
16675
|
+
flex: none;
|
16676
|
+
}
|
16677
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable > .dark-Tabs-addable-icon {
|
16678
|
+
margin-right: 0;
|
16679
|
+
}
|
16680
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable:hover {
|
16681
|
+
color: var(--Tabs--line-onHover-color);
|
16682
|
+
}
|
16683
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer {
|
16684
|
+
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
|
16685
|
+
}
|
16686
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:first-of-type {
|
16687
|
+
border-left-width: 0;
|
16688
|
+
border-top-left-radius: 0;
|
16689
|
+
}
|
16690
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
|
16691
|
+
border-right-width: 0;
|
16692
|
+
border-top-right-radius: 0;
|
16693
|
+
}
|
16694
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow {
|
16695
|
+
width: var(--Tabs--strong-arrow-size);
|
16696
|
+
margin-bottom: 0;
|
16697
|
+
padding: 0;
|
16698
|
+
justify-content: center;
|
16699
|
+
border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16700
|
+
border-top-right-radius: var(--Tabs-borderRadius);
|
16701
|
+
box-sizing: border-box;
|
16702
|
+
}
|
16703
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--left {
|
16704
|
+
padding-right: 0;
|
16705
|
+
border-right-width: 0;
|
16706
|
+
border-top-left-radius: var(--Tabs-borderRadius);
|
16707
|
+
}
|
16708
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--right {
|
16709
|
+
padding-left: 0;
|
16710
|
+
border-left-width: 0;
|
16711
|
+
border-top-right-radius: var(--Tabs-borderRadius);
|
16712
|
+
}
|
16713
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link {
|
16714
|
+
margin-right: var(--Tabs--card-arrow-gap);
|
16715
|
+
padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap);
|
16716
|
+
background: var(--Tabs-onActive-bg);
|
16717
|
+
border-top-left-radius: var(--Tabs-borderRadius);
|
16718
|
+
border-top-right-radius: var(--Tabs-borderRadius);
|
16719
|
+
border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
|
16720
|
+
cursor: pointer;
|
16721
|
+
}
|
16722
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active {
|
16723
|
+
border-bottom-color: var(--Tabs-onActive-bg);
|
16724
|
+
}
|
16725
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child,
|
16726
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child:hover,
|
16727
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child:focus, .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child,
|
16728
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child:hover,
|
16729
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child:focus {
|
16730
|
+
color: var(--Tabs--line-onHover-color);
|
16731
|
+
}
|
16732
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover .dark-Tabs-link-close {
|
16733
|
+
fill: var(--primary);
|
16734
|
+
}
|
16735
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
|
16736
|
+
margin-right: 0;
|
16737
|
+
}
|
16738
|
+
.dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link > a:first-child {
|
16739
|
+
padding: 0;
|
16740
|
+
margin: 0;
|
16741
|
+
border: none;
|
16742
|
+
}
|
16180
16743
|
.dark-Tabs-toolbar {
|
16181
|
-
|
16182
|
-
|
16183
|
-
|
16744
|
+
margin-left: var(--gap-base);
|
16745
|
+
display: flex;
|
16746
|
+
flex-direction: row;
|
16747
|
+
align-items: center;
|
16184
16748
|
}
|
16185
16749
|
|
16186
16750
|
.dark-Nav {
|
@@ -17101,11 +17665,15 @@ input[type=button].dark-Button--block {
|
|
17101
17665
|
border-top-left-radius: 0;
|
17102
17666
|
border-bottom-left-radius: 0;
|
17103
17667
|
}
|
17668
|
+
.dark-ButtonGroup > .dark-ButtonGroup:last-child > .dark-Button:not(:last-child) {
|
17669
|
+
border-top-right-radius: 0;
|
17670
|
+
}
|
17104
17671
|
|
17105
17672
|
.dark-ButtonGroup--vertical {
|
17106
17673
|
flex-direction: column;
|
17107
17674
|
align-items: flex-start;
|
17108
17675
|
justify-content: center;
|
17676
|
+
/* 修正头尾的圆角 */
|
17109
17677
|
}
|
17110
17678
|
.dark-ButtonGroup--vertical .dark-Button,
|
17111
17679
|
.dark-ButtonGroup--vertical .dark-ButtonGroup {
|
@@ -17128,6 +17696,14 @@ input[type=button].dark-Button--block {
|
|
17128
17696
|
border-top-left-radius: 0;
|
17129
17697
|
border-top-right-radius: 0;
|
17130
17698
|
}
|
17699
|
+
.dark-ButtonGroup--vertical > .dark-Button:first-child,
|
17700
|
+
.dark-ButtonGroup--vertical > .dark-ButtonGroup:first-child > .dark-Button:first-child {
|
17701
|
+
border-top-right-radius: var(--Button-borderRadius);
|
17702
|
+
}
|
17703
|
+
.dark-ButtonGroup--vertical > .dark-Button:last-child,
|
17704
|
+
.dark-ButtonGroup--vertical > .dark-ButtonGroup:last-child > .dark-Button:last-child {
|
17705
|
+
border-bottom-left-radius: var(--Button-borderRadius);
|
17706
|
+
}
|
17131
17707
|
|
17132
17708
|
.dark-ButtonGroup--tiled {
|
17133
17709
|
display: flex;
|
@@ -23797,6 +24373,9 @@ fieldset.dark-Collapse--lg:after {
|
|
23797
24373
|
display: inline-block;
|
23798
24374
|
}
|
23799
24375
|
|
24376
|
+
.dark-CityArea {
|
24377
|
+
text-align: right;
|
24378
|
+
}
|
23800
24379
|
.dark-CityArea-popup {
|
23801
24380
|
height: 17.5rem;
|
23802
24381
|
}
|
@@ -23841,7 +24420,7 @@ fieldset.dark-Collapse--lg:after {
|
|
23841
24420
|
.dark-Switch .text {
|
23842
24421
|
margin: 0 0.4375rem 0 1.5625rem;
|
23843
24422
|
color: var(--Switch-valueColor);
|
23844
|
-
text-indent:
|
24423
|
+
text-indent: var(--gap-xs);
|
23845
24424
|
text-transform: uppercase;
|
23846
24425
|
font-size: var(--fontSizeSm);
|
23847
24426
|
line-height: var(--Switch-height);
|
@@ -23874,9 +24453,7 @@ fieldset.dark-Collapse--lg:after {
|
|
23874
24453
|
border-width: 0;
|
23875
24454
|
}
|
23876
24455
|
.dark-Switch.is-checked .text {
|
23877
|
-
margin: 0 25px 0 7px;
|
23878
24456
|
color: var(--white);
|
23879
|
-
text-indent: var(--gap-xs);
|
23880
24457
|
}
|
23881
24458
|
.dark-Switch.is-checked.is-disabled .slider:before {
|
23882
24459
|
color: var(--Switch-onDisabled-color);
|
@@ -23919,6 +24496,7 @@ fieldset.dark-Collapse--lg:after {
|
|
23919
24496
|
background: var(--Number-bg);
|
23920
24497
|
border: var(--Number-borderWidth) solid var(--Number-borderColor);
|
23921
24498
|
border-radius: var(--Number-borderRadius);
|
24499
|
+
overflow: hidden;
|
23922
24500
|
}
|
23923
24501
|
.dark-Number--borderHalf {
|
23924
24502
|
border-left-color: transparent !important;
|
@@ -23979,6 +24557,7 @@ fieldset.dark-Collapse--lg:after {
|
|
23979
24557
|
transition: all var(--animation-duration) ease;
|
23980
24558
|
border: 0;
|
23981
24559
|
border-radius: var(--Form-input-borderRadius);
|
24560
|
+
color: var(--Form-input-color);
|
23982
24561
|
padding: 0 var(--Form-input-paddingX);
|
23983
24562
|
}
|
23984
24563
|
.dark-Number-handler {
|
@@ -25599,6 +26178,31 @@ td.rdtQuarter.rdtDisabled > span {
|
|
25599
26178
|
position: relative;
|
25600
26179
|
width: 7.5rem;
|
25601
26180
|
}
|
26181
|
+
.dark-ImageControl-item.is-invalid {
|
26182
|
+
padding: 0;
|
26183
|
+
border-color: var(--FileControl-danger-color);
|
26184
|
+
}
|
26185
|
+
.dark-ImageControl-item svg.icon-refresh {
|
26186
|
+
transform: rotate(180deg);
|
26187
|
+
}
|
26188
|
+
.dark-ImageControl-filename {
|
26189
|
+
display: inline-flex;
|
26190
|
+
flex-direction: column;
|
26191
|
+
justify-content: center;
|
26192
|
+
align-items: center;
|
26193
|
+
color: var(--FileControl-danger-color);
|
26194
|
+
}
|
26195
|
+
.dark-ImageControl-filename > svg.icon-image {
|
26196
|
+
margin-bottom: 8px;
|
26197
|
+
width: 24px;
|
26198
|
+
height: 24px;
|
26199
|
+
}
|
26200
|
+
.dark-ImageControl-filename > span {
|
26201
|
+
max-width: 100%;
|
26202
|
+
overflow: hidden;
|
26203
|
+
white-space: nowrap;
|
26204
|
+
text-overflow: ellipsis;
|
26205
|
+
}
|
25602
26206
|
.dark-ImageControl-image {
|
25603
26207
|
width: 100%;
|
25604
26208
|
height: 100%;
|
@@ -25653,28 +26257,6 @@ td.rdtQuarter.rdtDisabled > span {
|
|
25653
26257
|
.dark-ImageControl-item.is-invalid:hover .dark-ImageControl-itemClear {
|
25654
26258
|
display: block;
|
25655
26259
|
}
|
25656
|
-
.dark-ImageControl-retryBtn {
|
25657
|
-
margin: 0;
|
25658
|
-
width: 6.875rem;
|
25659
|
-
height: 6.875rem;
|
25660
|
-
display: inline-flex;
|
25661
|
-
cursor: pointer;
|
25662
|
-
justify-content: center;
|
25663
|
-
align-items: center;
|
25664
|
-
align-content: center;
|
25665
|
-
flex-wrap: wrap;
|
25666
|
-
color: #666;
|
25667
|
-
}
|
25668
|
-
.dark-ImageControl-retryBtn:hover {
|
25669
|
-
color: #333;
|
25670
|
-
text-decoration: none;
|
25671
|
-
}
|
25672
|
-
.dark-ImageControl-retryBtn > p {
|
25673
|
-
width: 100%;
|
25674
|
-
text-align: center;
|
25675
|
-
color: var(--danger);
|
25676
|
-
margin: 10px 0 0;
|
25677
|
-
}
|
25678
26260
|
.dark-ImageControl-errorMsg {
|
25679
26261
|
color: var(--danger);
|
25680
26262
|
margin: 5px 0 0;
|
@@ -25744,43 +26326,58 @@ td.rdtQuarter.rdtDisabled > span {
|
|
25744
26326
|
}
|
25745
26327
|
.dark-FileControl-selectBtn {
|
25746
26328
|
display: inline-flex;
|
25747
|
-
align-items: center;
|
25748
26329
|
margin-right: 10px;
|
25749
26330
|
}
|
25750
26331
|
.dark-FileControl-selectBtn > svg {
|
25751
|
-
|
25752
|
-
|
26332
|
+
margin-right: 4px !important;
|
26333
|
+
width: 1rem;
|
26334
|
+
height: 1rem;
|
26335
|
+
}
|
26336
|
+
.dark-FileControl-selectBtn > span {
|
26337
|
+
font-size: var(--fontSizeSm);
|
26338
|
+
line-height: 20px;
|
25753
26339
|
}
|
25754
26340
|
.dark-FileControl-description {
|
25755
26341
|
color: #999;
|
25756
26342
|
font-size: 12px;
|
25757
26343
|
}
|
26344
|
+
.dark-FileControl-sizeTip {
|
26345
|
+
margin-top: 4px;
|
26346
|
+
line-height: 20px;
|
26347
|
+
font-size: var(--fontSizeSm);
|
26348
|
+
color: var(--FileControl-icon-color);
|
26349
|
+
}
|
25758
26350
|
.dark-FileControl-list {
|
25759
26351
|
list-style: none;
|
25760
|
-
margin:
|
26352
|
+
margin: 8px 0;
|
25761
26353
|
padding: 0;
|
26354
|
+
max-height: 144px;
|
26355
|
+
overflow-x: hidden;
|
26356
|
+
overflow-y: auto;
|
25762
26357
|
}
|
25763
26358
|
.dark-FileControl-list > li {
|
25764
|
-
|
26359
|
+
margin-bottom: 4px;
|
25765
26360
|
font-size: 12px;
|
25766
26361
|
}
|
25767
26362
|
.dark-FileControl-list > li:hover {
|
25768
|
-
|
25769
|
-
background:
|
26363
|
+
border-radius: 2px;
|
26364
|
+
background: var(--FileControl-onHover-bg);
|
26365
|
+
}
|
26366
|
+
.dark-FileControl-list-tooltip span {
|
26367
|
+
font-size: var(--fontSizeSm);
|
26368
|
+
color: var(--FileControl-danger-color);
|
25770
26369
|
}
|
25771
26370
|
.dark-FileControl-itemInfo {
|
25772
|
-
padding:
|
25773
|
-
|
26371
|
+
padding: 2px 4px;
|
26372
|
+
display: flex;
|
26373
|
+
line-height: 24px;
|
25774
26374
|
height: auto;
|
25775
26375
|
}
|
25776
26376
|
.dark-FileControl-itemInfo span {
|
25777
26377
|
word-break: break-all;
|
25778
26378
|
}
|
25779
26379
|
.dark-FileControl-itemInfo.is-invalid {
|
25780
|
-
color:
|
25781
|
-
}
|
25782
|
-
.dark-FileControl-itemInfo > svg:first-child {
|
25783
|
-
margin-right: 10px;
|
26380
|
+
color: var(--FileControl-danger-color);
|
25784
26381
|
}
|
25785
26382
|
.dark-FileControl-itemInfo > svg:not(:first-child) {
|
25786
26383
|
margin-left: 10px;
|
@@ -25788,22 +26385,23 @@ td.rdtQuarter.rdtDisabled > span {
|
|
25788
26385
|
height: 1rem;
|
25789
26386
|
top: var(--gap-xs);
|
25790
26387
|
}
|
26388
|
+
.dark-FileControl-itemInfoIcon {
|
26389
|
+
margin-right: 4px;
|
26390
|
+
}
|
25791
26391
|
.dark-FileControl-itemInfoText {
|
25792
26392
|
white-space: nowrap;
|
25793
|
-
max-width: 170px;
|
25794
26393
|
overflow: hidden;
|
25795
26394
|
text-overflow: ellipsis;
|
25796
|
-
display: inline-block;
|
25797
26395
|
vertical-align: middle;
|
25798
26396
|
}
|
25799
26397
|
.dark-FileControl-clear {
|
25800
26398
|
float: right;
|
25801
|
-
color:
|
26399
|
+
color: var(--FileControl-icon-color);
|
25802
26400
|
display: none;
|
25803
26401
|
cursor: pointer;
|
25804
26402
|
}
|
25805
26403
|
.dark-FileControl-clear:hover {
|
25806
|
-
color:
|
26404
|
+
color: var(--FileControl-icon-onHover-color);
|
25807
26405
|
}
|
25808
26406
|
.dark-FileControl-list:empty {
|
25809
26407
|
display: none;
|
@@ -25846,14 +26444,46 @@ td.rdtQuarter.rdtDisabled > span {
|
|
25846
26444
|
min-width: 10%;
|
25847
26445
|
transition: ease-out width var(--animation-duration);
|
25848
26446
|
}
|
26447
|
+
.dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip {
|
26448
|
+
filter: grayscale(100%);
|
26449
|
+
box-shadow: none;
|
26450
|
+
cursor: not-allowed;
|
26451
|
+
color: var(--FileControl-onDisabled-color);
|
26452
|
+
pointer-events: auto;
|
26453
|
+
background: var(--FileControl-onDisabled-bg);
|
26454
|
+
}
|
26455
|
+
.dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip:hover {
|
26456
|
+
border-color: var(--FileControl-border-color);
|
26457
|
+
}
|
26458
|
+
.dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip > div,
|
26459
|
+
.dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip > span {
|
26460
|
+
color: var(--FileControl-onDisabled-color);
|
26461
|
+
}
|
25849
26462
|
.dark-FileControl-acceptTip {
|
25850
|
-
|
25851
|
-
|
25852
|
-
|
25853
|
-
|
25854
|
-
|
25855
|
-
line-height: 120px;
|
26463
|
+
display: flex;
|
26464
|
+
align-items: center;
|
26465
|
+
justify-content: center;
|
26466
|
+
flex-flow: column;
|
26467
|
+
height: 180px;
|
25856
26468
|
text-align: center;
|
26469
|
+
border: 1px dashed var(--FileControl-border-color);
|
26470
|
+
border-radius: var(--borderRadius);
|
26471
|
+
background: var(--white);
|
26472
|
+
cursor: pointer;
|
26473
|
+
}
|
26474
|
+
.dark-FileControl-acceptTip:hover {
|
26475
|
+
border-color: var(--info);
|
26476
|
+
}
|
26477
|
+
.dark-FileControl-acceptTip > span {
|
26478
|
+
margin-top: 8px;
|
26479
|
+
line-height: 20px;
|
26480
|
+
font-size: var(--fontSizeSm);
|
26481
|
+
color: var(--FileControl-drag-color);
|
26482
|
+
}
|
26483
|
+
.dark-FileControl-acceptTip > svg {
|
26484
|
+
width: 48px;
|
26485
|
+
height: 48px;
|
26486
|
+
top: 0;
|
25857
26487
|
}
|
25858
26488
|
.dark-FileControl-sum {
|
25859
26489
|
font-size: var(--fontSizeSm);
|