@patternfly/react-core 4.230.0 → 4.231.1
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/CHANGELOG.md +30 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
- package/dist/esm/components/Menu/Menu.js +3 -2
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/esm/components/MenuToggle/index.d.ts +2 -0
- package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/index.js +2 -0
- package/dist/esm/components/MenuToggle/index.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/js/components/Menu/Menu.d.ts.map +1 -1
- package/dist/js/components/Menu/Menu.js +3 -2
- package/dist/js/components/Menu/Menu.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/js/components/MenuToggle/index.d.ts +2 -0
- package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/index.js +2 -0
- package/dist/js/components/MenuToggle/index.js.map +1 -1
- package/dist/umd/react-core.css +60 -10
- package/dist/umd/react-core.js +68 -9
- package/dist/umd/react-core.min.css +1729 -1679
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/ContextSelector/ContextSelector.tsx +4 -2
- package/src/components/ContextSelector/ContextSelectorToggle.tsx +4 -2
- package/src/components/Menu/Menu.tsx +4 -1
- package/src/components/MenuToggle/MenuToggle.tsx +53 -27
- package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
- package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
- package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
- package/src/components/MenuToggle/index.ts +2 -0
- package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx +4 -4
|
@@ -8285,6 +8285,130 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8285
8285
|
--pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
|
|
8286
8286
|
}
|
|
8287
8287
|
|
|
8288
|
+
.pf-c-expandable-section {
|
|
8289
|
+
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
8290
|
+
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8291
|
+
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
8292
|
+
--pf-c-expandable-section__toggle--PaddingLeft: 0;
|
|
8293
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
|
|
8294
|
+
--pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
|
|
8295
|
+
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
8296
|
+
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
8297
|
+
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
8298
|
+
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
8299
|
+
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
8300
|
+
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
8301
|
+
--pf-c-expandable-section__toggle-icon--Rotate: 0;
|
|
8302
|
+
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
8303
|
+
--pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8304
|
+
--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
8305
|
+
--pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
|
|
8306
|
+
--pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
|
|
8307
|
+
--pf-c-expandable-section__content--MaxWidth: auto;
|
|
8308
|
+
--pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
8309
|
+
--pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8310
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
8311
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8312
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
8313
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
8314
|
+
--pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
|
|
8315
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
|
|
8316
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8317
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8318
|
+
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
|
|
8319
|
+
--pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
|
|
8320
|
+
--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
8321
|
+
--pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
|
|
8322
|
+
}
|
|
8323
|
+
|
|
8324
|
+
.pf-c-expandable-section.pf-m-expanded {
|
|
8325
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
|
|
8326
|
+
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
8327
|
+
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
8328
|
+
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
8329
|
+
}
|
|
8330
|
+
|
|
8331
|
+
.pf-c-expandable-section.pf-m-detached {
|
|
8332
|
+
--pf-c-expandable-section__content--MarginTop: 0;
|
|
8333
|
+
}
|
|
8334
|
+
|
|
8335
|
+
.pf-c-expandable-section.pf-m-limit-width {
|
|
8336
|
+
--pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
8337
|
+
}
|
|
8338
|
+
|
|
8339
|
+
.pf-c-expandable-section.pf-m-display-lg {
|
|
8340
|
+
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
|
|
8341
|
+
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
|
|
8342
|
+
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
|
|
8343
|
+
--pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
|
|
8344
|
+
--pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
|
|
8345
|
+
--pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
|
|
8346
|
+
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
|
|
8347
|
+
--pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
|
|
8348
|
+
position: relative;
|
|
8349
|
+
box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
|
|
8350
|
+
}
|
|
8351
|
+
|
|
8352
|
+
.pf-c-expandable-section.pf-m-display-lg::after {
|
|
8353
|
+
position: absolute;
|
|
8354
|
+
top: 0;
|
|
8355
|
+
bottom: 0;
|
|
8356
|
+
left: 0;
|
|
8357
|
+
width: var(--pf-c-expandable-section--m-display-lg--after--Width);
|
|
8358
|
+
content: "";
|
|
8359
|
+
background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
|
|
8360
|
+
}
|
|
8361
|
+
|
|
8362
|
+
.pf-c-expandable-section.pf-m-indented {
|
|
8363
|
+
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
|
|
8364
|
+
}
|
|
8365
|
+
|
|
8366
|
+
.pf-c-expandable-section__toggle {
|
|
8367
|
+
display: flex;
|
|
8368
|
+
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
8369
|
+
color: var(--pf-c-expandable-section__toggle--Color);
|
|
8370
|
+
border: none;
|
|
8371
|
+
}
|
|
8372
|
+
|
|
8373
|
+
.pf-c-expandable-section__toggle:hover {
|
|
8374
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
|
|
8375
|
+
}
|
|
8376
|
+
|
|
8377
|
+
.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
|
|
8378
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
|
|
8379
|
+
}
|
|
8380
|
+
|
|
8381
|
+
.pf-c-expandable-section__toggle:focus {
|
|
8382
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
|
|
8383
|
+
}
|
|
8384
|
+
|
|
8385
|
+
.pf-c-expandable-section__toggle-icon {
|
|
8386
|
+
min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
|
|
8387
|
+
color: var(--pf-c-expandable-section__toggle-icon--Color);
|
|
8388
|
+
transition: var(--pf-c-expandable-section__toggle-icon--Transition);
|
|
8389
|
+
transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
|
|
8390
|
+
}
|
|
8391
|
+
|
|
8392
|
+
.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
8393
|
+
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
8394
|
+
}
|
|
8395
|
+
|
|
8396
|
+
.pf-c-expandable-section__toggle-text {
|
|
8397
|
+
margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
|
|
8398
|
+
}
|
|
8399
|
+
|
|
8400
|
+
.pf-c-expandable-section__content {
|
|
8401
|
+
max-width: var(--pf-c-expandable-section__content--MaxWidth);
|
|
8402
|
+
padding-right: var(--pf-c-expandable-section__content--PaddingRight);
|
|
8403
|
+
padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
|
|
8404
|
+
padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
|
|
8405
|
+
margin-top: var(--pf-c-expandable-section__content--MarginTop);
|
|
8406
|
+
}
|
|
8407
|
+
|
|
8408
|
+
.pf-m-overpass-font .pf-c-expandable-section__toggle {
|
|
8409
|
+
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
8410
|
+
}
|
|
8411
|
+
|
|
8288
8412
|
.pf-c-empty-state {
|
|
8289
8413
|
--pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
|
|
8290
8414
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
@@ -8419,130 +8543,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8419
8543
|
font-size: var(--pf-global--FontSize--lg);
|
|
8420
8544
|
}
|
|
8421
8545
|
|
|
8422
|
-
.pf-c-expandable-section {
|
|
8423
|
-
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
8424
|
-
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8425
|
-
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
8426
|
-
--pf-c-expandable-section__toggle--PaddingLeft: 0;
|
|
8427
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
|
|
8428
|
-
--pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
|
|
8429
|
-
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
8430
|
-
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
8431
|
-
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
8432
|
-
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
8433
|
-
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
8434
|
-
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
8435
|
-
--pf-c-expandable-section__toggle-icon--Rotate: 0;
|
|
8436
|
-
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
8437
|
-
--pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8438
|
-
--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
8439
|
-
--pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
|
|
8440
|
-
--pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
|
|
8441
|
-
--pf-c-expandable-section__content--MaxWidth: auto;
|
|
8442
|
-
--pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
8443
|
-
--pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8444
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
8445
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8446
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
8447
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
8448
|
-
--pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
|
|
8449
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
|
|
8450
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8451
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8452
|
-
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
|
|
8453
|
-
--pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
|
|
8454
|
-
--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
8455
|
-
--pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
|
|
8456
|
-
}
|
|
8457
|
-
|
|
8458
|
-
.pf-c-expandable-section.pf-m-expanded {
|
|
8459
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
|
|
8460
|
-
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
8461
|
-
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
8462
|
-
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
8463
|
-
}
|
|
8464
|
-
|
|
8465
|
-
.pf-c-expandable-section.pf-m-detached {
|
|
8466
|
-
--pf-c-expandable-section__content--MarginTop: 0;
|
|
8467
|
-
}
|
|
8468
|
-
|
|
8469
|
-
.pf-c-expandable-section.pf-m-limit-width {
|
|
8470
|
-
--pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
8471
|
-
}
|
|
8472
|
-
|
|
8473
|
-
.pf-c-expandable-section.pf-m-display-lg {
|
|
8474
|
-
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
|
|
8475
|
-
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
|
|
8476
|
-
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
|
|
8477
|
-
--pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
|
|
8478
|
-
--pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
|
|
8479
|
-
--pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
|
|
8480
|
-
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
|
|
8481
|
-
--pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
|
|
8482
|
-
position: relative;
|
|
8483
|
-
box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
|
|
8484
|
-
}
|
|
8485
|
-
|
|
8486
|
-
.pf-c-expandable-section.pf-m-display-lg::after {
|
|
8487
|
-
position: absolute;
|
|
8488
|
-
top: 0;
|
|
8489
|
-
bottom: 0;
|
|
8490
|
-
left: 0;
|
|
8491
|
-
width: var(--pf-c-expandable-section--m-display-lg--after--Width);
|
|
8492
|
-
content: "";
|
|
8493
|
-
background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
|
|
8494
|
-
}
|
|
8495
|
-
|
|
8496
|
-
.pf-c-expandable-section.pf-m-indented {
|
|
8497
|
-
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
|
|
8498
|
-
}
|
|
8499
|
-
|
|
8500
|
-
.pf-c-expandable-section__toggle {
|
|
8501
|
-
display: flex;
|
|
8502
|
-
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
8503
|
-
color: var(--pf-c-expandable-section__toggle--Color);
|
|
8504
|
-
border: none;
|
|
8505
|
-
}
|
|
8506
|
-
|
|
8507
|
-
.pf-c-expandable-section__toggle:hover {
|
|
8508
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
|
|
8509
|
-
}
|
|
8510
|
-
|
|
8511
|
-
.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
|
|
8512
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
|
|
8513
|
-
}
|
|
8514
|
-
|
|
8515
|
-
.pf-c-expandable-section__toggle:focus {
|
|
8516
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
|
|
8517
|
-
}
|
|
8518
|
-
|
|
8519
|
-
.pf-c-expandable-section__toggle-icon {
|
|
8520
|
-
min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
|
|
8521
|
-
color: var(--pf-c-expandable-section__toggle-icon--Color);
|
|
8522
|
-
transition: var(--pf-c-expandable-section__toggle-icon--Transition);
|
|
8523
|
-
transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
|
|
8524
|
-
}
|
|
8525
|
-
|
|
8526
|
-
.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
8527
|
-
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
8528
|
-
}
|
|
8529
|
-
|
|
8530
|
-
.pf-c-expandable-section__toggle-text {
|
|
8531
|
-
margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
|
|
8532
|
-
}
|
|
8533
|
-
|
|
8534
|
-
.pf-c-expandable-section__content {
|
|
8535
|
-
max-width: var(--pf-c-expandable-section__content--MaxWidth);
|
|
8536
|
-
padding-right: var(--pf-c-expandable-section__content--PaddingRight);
|
|
8537
|
-
padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
|
|
8538
|
-
padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
|
|
8539
|
-
margin-top: var(--pf-c-expandable-section__content--MarginTop);
|
|
8540
|
-
}
|
|
8541
|
-
|
|
8542
|
-
.pf-m-overpass-font .pf-c-expandable-section__toggle {
|
|
8543
|
-
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
8544
|
-
}
|
|
8545
|
-
|
|
8546
8546
|
.pf-c-file-upload {
|
|
8547
8547
|
--pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8548
8548
|
--pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
|
|
@@ -13427,14 +13427,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
13427
13427
|
color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
|
|
13428
13428
|
}
|
|
13429
13429
|
|
|
13430
|
-
.pf-
|
|
13431
|
-
--pf-
|
|
13432
|
-
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
|
|
13436
|
-
|
|
13437
|
-
|
|
13430
|
+
.pf-l-bullseye {
|
|
13431
|
+
--pf-l-bullseye--Padding: 0;
|
|
13432
|
+
display: flex;
|
|
13433
|
+
align-items: center;
|
|
13434
|
+
justify-content: center;
|
|
13435
|
+
height: 100%;
|
|
13436
|
+
padding: var(--pf-l-bullseye--Padding);
|
|
13437
|
+
margin: 0;
|
|
13438
|
+
}
|
|
13439
|
+
|
|
13440
|
+
.pf-c-nav {
|
|
13441
|
+
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
13442
|
+
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
13443
|
+
--pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
13444
|
+
--pf-c-nav--m-light__link--Color: var(--pf-global--Color--dark-100);
|
|
13445
|
+
--pf-c-nav--m-light__link--hover--Color: var(--pf-global--Color--dark-100);
|
|
13446
|
+
--pf-c-nav--m-light__link--focus--Color: var(--pf-global--Color--dark-100);
|
|
13447
|
+
--pf-c-nav--m-light__link--active--Color: var(--pf-global--Color--dark-100);
|
|
13438
13448
|
--pf-c-nav--m-light__link--m-current--Color: var(--pf-global--Color--dark-100);
|
|
13439
13449
|
--pf-c-nav--m-light__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
13440
13450
|
--pf-c-nav--m-light__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
@@ -14480,16 +14490,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
14480
14490
|
--pf-c-nav__item--item__link--after--Top: 0;
|
|
14481
14491
|
}
|
|
14482
14492
|
|
|
14483
|
-
.pf-l-bullseye {
|
|
14484
|
-
--pf-l-bullseye--Padding: 0;
|
|
14485
|
-
display: flex;
|
|
14486
|
-
align-items: center;
|
|
14487
|
-
justify-content: center;
|
|
14488
|
-
height: 100%;
|
|
14489
|
-
padding: var(--pf-l-bullseye--Padding);
|
|
14490
|
-
margin: 0;
|
|
14491
|
-
}
|
|
14492
|
-
|
|
14493
14493
|
.pf-c-notification-badge {
|
|
14494
14494
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
14495
14495
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -15998,6 +15998,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
15998
15998
|
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
15999
15999
|
}
|
|
16000
16000
|
|
|
16001
|
+
@media (min-height: 0) {
|
|
16002
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
|
|
16003
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16004
|
+
}
|
|
16005
|
+
}
|
|
16006
|
+
@media (min-height: 40rem) {
|
|
16007
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
|
|
16008
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16009
|
+
}
|
|
16010
|
+
}
|
|
16011
|
+
@media (min-height: 48rem) {
|
|
16012
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
|
|
16013
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16014
|
+
}
|
|
16015
|
+
}
|
|
16016
|
+
@media (min-height: 60rem) {
|
|
16017
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
|
|
16018
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16019
|
+
}
|
|
16020
|
+
}
|
|
16021
|
+
@media (min-height: 80rem) {
|
|
16022
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
|
|
16023
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16024
|
+
}
|
|
16025
|
+
}
|
|
16001
16026
|
.pf-c-page__main-subnav {
|
|
16002
16027
|
background-color: var(--pf-c-page__main-subnav--BackgroundColor);
|
|
16003
16028
|
border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
|
|
@@ -16026,6 +16051,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
16026
16051
|
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16027
16052
|
}
|
|
16028
16053
|
|
|
16054
|
+
@media (min-height: 0) {
|
|
16055
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
|
|
16056
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16057
|
+
}
|
|
16058
|
+
}
|
|
16059
|
+
@media (min-height: 40rem) {
|
|
16060
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
|
|
16061
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16062
|
+
}
|
|
16063
|
+
}
|
|
16064
|
+
@media (min-height: 48rem) {
|
|
16065
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
|
|
16066
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16067
|
+
}
|
|
16068
|
+
}
|
|
16069
|
+
@media (min-height: 60rem) {
|
|
16070
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
16071
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16072
|
+
}
|
|
16073
|
+
}
|
|
16074
|
+
@media (min-height: 80rem) {
|
|
16075
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
16076
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16077
|
+
}
|
|
16078
|
+
}
|
|
16029
16079
|
.pf-c-page__main-tabs {
|
|
16030
16080
|
padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
|
|
16031
16081
|
background-color: var(--pf-c-page__main-tabs--BackgroundColor);
|
|
@@ -20941,2040 +20991,2040 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
20941
20991
|
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
|
|
20942
20992
|
}
|
|
20943
20993
|
|
|
20944
|
-
.pf-c-
|
|
20945
|
-
--pf-
|
|
20946
|
-
--pf-
|
|
20947
|
-
--pf-
|
|
20948
|
-
--pf-
|
|
20949
|
-
--pf-
|
|
20950
|
-
|
|
20951
|
-
|
|
20994
|
+
.pf-c-tooltip {
|
|
20995
|
+
--pf-c-tooltip--MaxWidth: 18.75rem;
|
|
20996
|
+
--pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
20997
|
+
--pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
|
|
20998
|
+
--pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
|
|
20999
|
+
--pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
|
|
21000
|
+
--pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
|
|
21001
|
+
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
21002
|
+
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
21003
|
+
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
21004
|
+
--pf-c-tooltip__arrow--Width: 0.5rem;
|
|
21005
|
+
--pf-c-tooltip__arrow--Height: 0.5rem;
|
|
21006
|
+
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
21007
|
+
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
21008
|
+
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
21009
|
+
--pf-c-tooltip__arrow--m-right--TranslateX: -50%;
|
|
21010
|
+
--pf-c-tooltip__arrow--m-right--TranslateY: -50%;
|
|
21011
|
+
--pf-c-tooltip__arrow--m-right--Rotate: 45deg;
|
|
21012
|
+
--pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
|
|
21013
|
+
--pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
|
|
21014
|
+
--pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
|
|
21015
|
+
--pf-c-tooltip__arrow--m-left--TranslateX: 50%;
|
|
21016
|
+
--pf-c-tooltip__arrow--m-left--TranslateY: -50%;
|
|
21017
|
+
--pf-c-tooltip__arrow--m-left--Rotate: 45deg;
|
|
21018
|
+
position: relative;
|
|
21019
|
+
max-width: var(--pf-c-tooltip--MaxWidth);
|
|
21020
|
+
box-shadow: var(--pf-c-tooltip--BoxShadow);
|
|
20952
21021
|
}
|
|
20953
21022
|
|
|
20954
|
-
.pf-
|
|
20955
|
-
|
|
20956
|
-
|
|
21023
|
+
.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
|
|
21024
|
+
bottom: 0;
|
|
21025
|
+
left: 50%;
|
|
21026
|
+
transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
|
|
20957
21027
|
}
|
|
20958
21028
|
|
|
20959
|
-
|
|
20960
|
-
|
|
20961
|
-
|
|
20962
|
-
|
|
20963
|
-
}
|
|
20964
|
-
|
|
20965
|
-
.pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
|
|
20966
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
20967
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
20968
|
-
}
|
|
21029
|
+
.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
|
|
21030
|
+
top: 0;
|
|
21031
|
+
left: 50%;
|
|
21032
|
+
transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
|
|
20969
21033
|
}
|
|
20970
|
-
@media screen and (min-width: 768px) {
|
|
20971
|
-
.pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
|
|
20972
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
20973
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
20974
|
-
}
|
|
20975
21034
|
|
|
20976
|
-
|
|
20977
|
-
|
|
20978
|
-
|
|
20979
|
-
|
|
21035
|
+
.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
|
|
21036
|
+
top: 50%;
|
|
21037
|
+
right: 0;
|
|
21038
|
+
transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
|
|
20980
21039
|
}
|
|
20981
|
-
@media screen and (min-width: 992px) {
|
|
20982
|
-
.pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
|
|
20983
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
20984
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
20985
|
-
}
|
|
20986
21040
|
|
|
20987
|
-
|
|
20988
|
-
|
|
20989
|
-
|
|
20990
|
-
|
|
21041
|
+
.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
|
|
21042
|
+
top: 50%;
|
|
21043
|
+
left: 0;
|
|
21044
|
+
transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
|
|
20991
21045
|
}
|
|
20992
|
-
@media screen and (min-width: 1200px) {
|
|
20993
|
-
.pf-m-hidden-on-xl.pf-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__group {
|
|
20994
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
20995
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
20996
|
-
}
|
|
20997
21046
|
|
|
20998
|
-
|
|
20999
|
-
|
|
21000
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21001
|
-
}
|
|
21047
|
+
.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
|
|
21048
|
+
top: var(--pf-c-tooltip__arrow--Height);
|
|
21002
21049
|
}
|
|
21003
|
-
@media screen and (min-width: 1450px) {
|
|
21004
|
-
.pf-m-hidden-on-2xl.pf-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__item, .pf-m-hidden-on-2xl.pf-c-toolbar__group {
|
|
21005
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21006
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21007
|
-
}
|
|
21008
21050
|
|
|
21009
|
-
|
|
21010
|
-
|
|
21011
|
-
|
|
21012
|
-
}
|
|
21013
|
-
}
|
|
21014
|
-
.pf-c-toolbar {
|
|
21015
|
-
--pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21016
|
-
--pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
|
|
21017
|
-
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
21018
|
-
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
21019
|
-
--pf-c-toolbar__item--Display: block;
|
|
21020
|
-
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
21021
|
-
--pf-c-toolbar__group--Display: flex;
|
|
21022
|
-
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21023
|
-
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
21024
|
-
--pf-c-toolbar__content--Display: flex;
|
|
21025
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
21026
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
21027
|
-
--pf-c-toolbar__content-section--Display: flex;
|
|
21028
|
-
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
21029
|
-
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
21030
|
-
--pf-c-toolbar__expandable-content--Display: grid;
|
|
21031
|
-
--pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
|
|
21032
|
-
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
|
|
21033
|
-
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
21034
|
-
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
|
|
21035
|
-
--pf-c-toolbar__expandable-content--lg--PaddingRight: 0;
|
|
21036
|
-
--pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
|
|
21037
|
-
--pf-c-toolbar__expandable-content--lg--PaddingLeft: 0;
|
|
21038
|
-
--pf-c-toolbar__expandable-content--ZIndex: var(--pf-global--ZIndex--sm);
|
|
21039
|
-
--pf-c-toolbar__expandable-content--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
21040
|
-
--pf-c-toolbar__expandable-content--BackgroundColor: var(--pf-c-toolbar--BackgroundColor);
|
|
21041
|
-
--pf-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-global--gutter--md);
|
|
21042
|
-
--pf-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-global--spacer--md) * -1);
|
|
21043
|
-
--pf-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-global--spacer--md);
|
|
21044
|
-
--pf-c-toolbar--spacer--base: var(--pf-global--spacer--md);
|
|
21045
|
-
--pf-c-toolbar__item--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21046
|
-
--pf-c-toolbar__group--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21047
|
-
--pf-c-toolbar__item--Width: auto;
|
|
21048
|
-
--pf-c-toolbar__group--m-toggle-group--spacer: var(--pf-global--spacer--sm);
|
|
21049
|
-
--pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21050
|
-
--pf-c-toolbar__group--m-icon-button-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21051
|
-
--pf-c-toolbar__group--m-icon-button-group--space-items: 0;
|
|
21052
|
-
--pf-c-toolbar__group--m-button-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21053
|
-
--pf-c-toolbar__group--m-button-group--space-items: var(--pf-global--spacer--sm);
|
|
21054
|
-
--pf-c-toolbar__group--m-filter-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21055
|
-
--pf-c-toolbar__group--m-filter-group--space-items: 0;
|
|
21056
|
-
--pf-c-toolbar__item--m-overflow-menu--spacer: var(--pf-c-toolbar__item--spacer);
|
|
21057
|
-
--pf-c-toolbar__item--m-bulk-select--spacer: var(--pf-global--spacer--lg);
|
|
21058
|
-
--pf-c-toolbar__expand-all-icon--Rotate: 0;
|
|
21059
|
-
--pf-c-toolbar__expand-all-icon--Transition: var(--pf-global--Transition);
|
|
21060
|
-
--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
21061
|
-
--pf-c-toolbar__item--m-search-filter--spacer: var(--pf-global--spacer--sm);
|
|
21062
|
-
--pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
|
|
21063
|
-
--pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
|
|
21064
|
-
--pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
|
|
21065
|
-
--pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
|
|
21066
|
-
--pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
|
|
21067
|
-
--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
|
|
21068
|
-
--pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21069
|
-
--pf-c-toolbar--m-full-height--PaddingTop: 0;
|
|
21070
|
-
--pf-c-toolbar--m-full-height--PaddingBottom: 0;
|
|
21071
|
-
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
21072
|
-
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
21073
|
-
position: relative;
|
|
21074
|
-
row-gap: var(--pf-c-toolbar--RowGap);
|
|
21075
|
-
display: grid;
|
|
21076
|
-
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
21077
|
-
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
21078
|
-
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
21051
|
+
.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
|
|
21052
|
+
top: auto;
|
|
21053
|
+
bottom: 0;
|
|
21079
21054
|
}
|
|
21080
21055
|
|
|
21081
|
-
|
|
21082
|
-
|
|
21083
|
-
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__expandable-content--lg--PaddingRight);
|
|
21084
|
-
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-toolbar__expandable-content--lg--PaddingBottom);
|
|
21085
|
-
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__expandable-content--lg--PaddingLeft);
|
|
21086
|
-
}
|
|
21087
|
-
}
|
|
21088
|
-
@media screen and (min-width: 1200px) {
|
|
21089
|
-
.pf-c-toolbar {
|
|
21090
|
-
--pf-c-toolbar--m-page-insets--inset: var(--pf-c-toolbar--m-page-insets--xl--inset);
|
|
21091
|
-
}
|
|
21092
|
-
}
|
|
21093
|
-
.pf-c-toolbar.pf-m-page-insets {
|
|
21094
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
|
|
21095
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
|
|
21056
|
+
.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
|
|
21057
|
+
left: var(--pf-c-tooltip__arrow--Width);
|
|
21096
21058
|
}
|
|
21097
21059
|
|
|
21098
|
-
.pf-c-
|
|
21099
|
-
|
|
21100
|
-
|
|
21101
|
-
z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
|
|
21102
|
-
box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
|
|
21060
|
+
.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
|
|
21061
|
+
right: 0;
|
|
21062
|
+
left: auto;
|
|
21103
21063
|
}
|
|
21104
21064
|
|
|
21105
|
-
.pf-c-
|
|
21106
|
-
|
|
21107
|
-
--pf-c-
|
|
21108
|
-
|
|
21109
|
-
|
|
21110
|
-
|
|
21111
|
-
|
|
21112
|
-
|
|
21113
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
|
|
21114
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
|
|
21115
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content,
|
|
21116
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group {
|
|
21117
|
-
min-width: 0;
|
|
21065
|
+
.pf-c-tooltip__content {
|
|
21066
|
+
position: relative;
|
|
21067
|
+
padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
|
|
21068
|
+
font-size: var(--pf-c-tooltip__content--FontSize);
|
|
21069
|
+
color: var(--pf-c-tooltip__content--Color);
|
|
21070
|
+
text-align: center;
|
|
21071
|
+
word-break: break-word;
|
|
21072
|
+
background-color: var(--pf-c-tooltip__content--BackgroundColor);
|
|
21118
21073
|
}
|
|
21119
21074
|
|
|
21120
|
-
.pf-c-
|
|
21121
|
-
|
|
21122
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
|
|
21123
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group,
|
|
21124
|
-
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
|
|
21125
|
-
align-self: stretch;
|
|
21075
|
+
.pf-c-tooltip__content.pf-m-text-align-left {
|
|
21076
|
+
text-align: left;
|
|
21126
21077
|
}
|
|
21127
21078
|
|
|
21128
|
-
.pf-c-
|
|
21129
|
-
|
|
21079
|
+
.pf-c-tooltip__arrow {
|
|
21080
|
+
position: absolute;
|
|
21081
|
+
width: var(--pf-c-tooltip__arrow--Width);
|
|
21082
|
+
height: var(--pf-c-tooltip__arrow--Height);
|
|
21083
|
+
pointer-events: none;
|
|
21084
|
+
background-color: var(--pf-c-tooltip__content--BackgroundColor);
|
|
21130
21085
|
}
|
|
21131
21086
|
|
|
21132
|
-
.pf-
|
|
21133
|
-
|
|
21134
|
-
|
|
21087
|
+
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
21088
|
+
--pf-c-tooltip--BoxShadow: none;
|
|
21089
|
+
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21135
21090
|
}
|
|
21136
21091
|
|
|
21137
|
-
.pf-
|
|
21138
|
-
|
|
21092
|
+
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
21093
|
+
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
21094
|
+
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
21139
21095
|
}
|
|
21140
21096
|
|
|
21141
|
-
.pf-
|
|
21142
|
-
|
|
21143
|
-
--pf-c-
|
|
21097
|
+
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
21098
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
21099
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
21144
21100
|
}
|
|
21145
21101
|
|
|
21146
|
-
.pf-c-
|
|
21147
|
-
|
|
21148
|
-
margin-right: var(--pf-c-toolbar--spacer);
|
|
21102
|
+
.pf-c-number-input .pf-c-form-control {
|
|
21103
|
+
appearance: textfield;
|
|
21149
21104
|
}
|
|
21150
21105
|
|
|
21151
|
-
.pf-c-
|
|
21152
|
-
|
|
21153
|
-
|
|
21106
|
+
.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
|
|
21107
|
+
appearance: none;
|
|
21108
|
+
margin: 0;
|
|
21154
21109
|
}
|
|
21155
21110
|
|
|
21156
|
-
.pf-c-
|
|
21157
|
-
--pf-c-
|
|
21158
|
-
--pf-
|
|
21111
|
+
.pf-c-number-input {
|
|
21112
|
+
--pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
|
|
21113
|
+
--pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
|
|
21114
|
+
--pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
|
|
21115
|
+
--pf-c-number-input--c-form-control--width-icon: 0px;
|
|
21116
|
+
--pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
|
|
21117
|
+
--pf-c-number-input--c-form-control--width-chars: 4;
|
|
21118
|
+
--pf-c-number-input--c-form-control--Width:
|
|
21119
|
+
calc(
|
|
21120
|
+
calc(
|
|
21121
|
+
var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
|
|
21122
|
+
) + var(--pf-c-number-input--c-form-control--width-icon)
|
|
21123
|
+
);
|
|
21124
|
+
display: inline-flex;
|
|
21159
21125
|
align-items: center;
|
|
21160
|
-
margin-right: var(--pf-c-toolbar--spacer);
|
|
21161
21126
|
}
|
|
21162
21127
|
|
|
21163
|
-
.pf-c-
|
|
21164
|
-
--pf-c-
|
|
21128
|
+
.pf-c-number-input.pf-m-status {
|
|
21129
|
+
--pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
|
|
21165
21130
|
}
|
|
21166
21131
|
|
|
21167
|
-
.pf-c-
|
|
21168
|
-
|
|
21132
|
+
.pf-c-number-input .pf-c-form-control {
|
|
21133
|
+
display: inline-flex;
|
|
21134
|
+
width: var(--pf-c-number-input--c-form-control--Width);
|
|
21135
|
+
text-align: right;
|
|
21169
21136
|
}
|
|
21170
21137
|
|
|
21171
|
-
.pf-c-
|
|
21172
|
-
|
|
21138
|
+
.pf-c-input-group + .pf-c-number-input__unit,
|
|
21139
|
+
.pf-c-number-input__unit + .pf-c-input-group {
|
|
21140
|
+
margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
|
|
21173
21141
|
}
|
|
21174
21142
|
|
|
21175
|
-
.pf-c-
|
|
21176
|
-
|
|
21143
|
+
.pf-c-number-input__icon {
|
|
21144
|
+
display: flex;
|
|
21145
|
+
font-size: var(--pf-c-number-input__icon--FontSize);
|
|
21177
21146
|
}
|
|
21178
21147
|
|
|
21179
|
-
.pf-c-
|
|
21180
|
-
--pf-c-
|
|
21148
|
+
.pf-c-tree-view {
|
|
21149
|
+
--pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
|
|
21150
|
+
--pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
|
|
21151
|
+
--pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
|
|
21152
|
+
--pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
|
|
21153
|
+
--pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
|
|
21154
|
+
--pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
21155
|
+
--pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
|
|
21156
|
+
--pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
|
|
21157
|
+
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
|
|
21158
|
+
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
21159
|
+
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
21160
|
+
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
21161
|
+
--pf-c-tree-view__node-container--Display: contents;
|
|
21162
|
+
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
21163
|
+
--pf-c-tree-view__node-content--Overflow: visible;
|
|
21164
|
+
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21165
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
|
|
21166
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
21167
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21168
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
21169
|
+
--pf-c-tree-view__node-toggle--Position: absolute;
|
|
21170
|
+
--pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
|
|
21171
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
21172
|
+
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
21173
|
+
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
21174
|
+
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
21175
|
+
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
21176
|
+
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
21177
|
+
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
21178
|
+
--pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
21179
|
+
--pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
|
|
21180
|
+
--pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
21181
|
+
--pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
21182
|
+
--pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
21183
|
+
--pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
21184
|
+
--pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
|
|
21185
|
+
--pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
|
|
21186
|
+
--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21187
|
+
--pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
|
|
21188
|
+
--pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
|
|
21189
|
+
--pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
|
|
21190
|
+
--pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
|
|
21191
|
+
--pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
|
|
21192
|
+
--pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
|
|
21193
|
+
--pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
21194
|
+
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
|
|
21195
|
+
--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
21196
|
+
--pf-c-tree-view__node-text--max-lines: 1;
|
|
21197
|
+
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
21198
|
+
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
21199
|
+
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21200
|
+
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
21201
|
+
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
21202
|
+
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
21203
|
+
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
21204
|
+
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
21205
|
+
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
21206
|
+
--pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
|
|
21207
|
+
--pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2);
|
|
21208
|
+
--pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
|
|
21209
|
+
--pf-c-tree-view--m-guides__list-item--before--Top: 0;
|
|
21210
|
+
--pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
|
|
21211
|
+
--pf-c-tree-view--m-guides__list-item--before--Height: 100%;
|
|
21212
|
+
--pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
|
|
21213
|
+
--pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
|
|
21214
|
+
--pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
|
|
21215
|
+
--pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21216
|
+
--pf-c-tree-view--m-guides__node--before--Width: 1rem;
|
|
21217
|
+
--pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
|
|
21218
|
+
--pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
|
|
21219
|
+
--pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
|
|
21220
|
+
--pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
|
|
21221
|
+
--pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21222
|
+
--pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
|
|
21223
|
+
--pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
|
|
21224
|
+
--pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
|
|
21225
|
+
--pf-c-tree-view--m-compact__node--PaddingTop: 0;
|
|
21226
|
+
--pf-c-tree-view--m-compact__node--PaddingBottom: 0;
|
|
21227
|
+
--pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
|
|
21228
|
+
--pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
|
|
21229
|
+
--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
|
|
21230
|
+
--pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
21231
|
+
--pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
21232
|
+
--pf-c-tree-view--m-compact__list-item--before--Top: 0;
|
|
21233
|
+
--pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
|
|
21234
|
+
--pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base) * -1);
|
|
21235
|
+
--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
|
|
21236
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
|
|
21237
|
+
--pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
|
|
21238
|
+
--pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
|
|
21239
|
+
--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
|
|
21240
|
+
--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
|
|
21241
|
+
--pf-c-tree-view--m-compact__node-container--Display: flex;
|
|
21242
|
+
--pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
|
|
21243
|
+
--pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
|
|
21244
|
+
--pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
|
|
21245
|
+
--pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
|
|
21246
|
+
--pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
|
|
21247
|
+
--pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
|
|
21248
|
+
--pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
|
|
21249
|
+
--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
|
|
21250
|
+
--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
|
|
21251
|
+
--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21252
|
+
--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
|
|
21253
|
+
--pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
21254
|
+
--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
|
|
21255
|
+
--pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21256
|
+
--pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
|
|
21257
|
+
--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
|
|
21258
|
+
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
|
|
21259
|
+
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
|
|
21260
|
+
--pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
|
|
21261
|
+
padding-top: var(--pf-c-tree-view--PaddingTop);
|
|
21262
|
+
padding-bottom: var(--pf-c-tree-view--PaddingBottom);
|
|
21181
21263
|
}
|
|
21182
21264
|
|
|
21183
|
-
.pf-c-
|
|
21184
|
-
|
|
21265
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
|
|
21266
|
+
position: relative;
|
|
21185
21267
|
}
|
|
21186
21268
|
|
|
21187
|
-
.pf-c-
|
|
21188
|
-
|
|
21269
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
|
|
21270
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
|
|
21271
|
+
.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
|
|
21272
|
+
position: absolute;
|
|
21273
|
+
left: var(--pf-c-tree-view--m-guides--guide--Left);
|
|
21274
|
+
content: "";
|
|
21189
21275
|
}
|
|
21190
21276
|
|
|
21191
|
-
.pf-c-
|
|
21192
|
-
|
|
21277
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
|
|
21278
|
+
top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
|
|
21279
|
+
z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
|
|
21280
|
+
width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
|
|
21281
|
+
height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
|
|
21282
|
+
background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
|
|
21193
21283
|
}
|
|
21194
21284
|
|
|
21195
|
-
.pf-c-
|
|
21196
|
-
|
|
21197
|
-
|
|
21198
|
-
|
|
21285
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
|
|
21286
|
+
top: var(--pf-c-tree-view--m-guides__node--before--Top);
|
|
21287
|
+
width: var(--pf-c-tree-view--m-guides__node--before--Width);
|
|
21288
|
+
height: var(--pf-c-tree-view--m-guides__node--before--Height);
|
|
21289
|
+
background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor);
|
|
21199
21290
|
}
|
|
21200
21291
|
|
|
21201
|
-
.pf-c-
|
|
21202
|
-
|
|
21203
|
-
visibility: visible;
|
|
21292
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
|
|
21293
|
+
height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Height);
|
|
21204
21294
|
}
|
|
21205
21295
|
|
|
21206
|
-
.pf-c-
|
|
21207
|
-
--pf-c-
|
|
21296
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21297
|
+
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--border--nested--Left);
|
|
21208
21298
|
}
|
|
21209
21299
|
|
|
21210
|
-
.pf-c-
|
|
21211
|
-
--pf-c-
|
|
21212
|
-
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
21213
|
-
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
21214
|
-
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
21215
|
-
width: var(--pf-c-toolbar__item--Width--base);
|
|
21216
|
-
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
21217
|
-
margin-right: var(--pf-c-toolbar--spacer);
|
|
21300
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child {
|
|
21301
|
+
--pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
|
|
21218
21302
|
}
|
|
21219
21303
|
|
|
21220
|
-
|
|
21221
|
-
|
|
21222
|
-
|
|
21223
|
-
|
|
21224
|
-
|
|
21225
|
-
|
|
21226
|
-
|
|
21227
|
-
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)));
|
|
21228
|
-
}
|
|
21304
|
+
.pf-c-tree-view.pf-m-compact {
|
|
21305
|
+
--pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--PaddingTop);
|
|
21306
|
+
--pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--PaddingBottom);
|
|
21307
|
+
--pf-c-tree-view__node-container--Display: var(--pf-c-tree-view--m-compact__node-container--Display);
|
|
21308
|
+
--pf-c-tree-view__node--hover--BackgroundColor: transparent;
|
|
21309
|
+
--pf-c-tree-view__node--focus--BackgroundColor: transparent;
|
|
21310
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
|
|
21229
21311
|
}
|
|
21230
|
-
|
|
21231
|
-
|
|
21232
|
-
|
|
21233
|
-
}
|
|
21312
|
+
|
|
21313
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item {
|
|
21314
|
+
border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor);
|
|
21234
21315
|
}
|
|
21235
|
-
|
|
21236
|
-
|
|
21237
|
-
|
|
21238
|
-
}
|
|
21316
|
+
|
|
21317
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded {
|
|
21318
|
+
--pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
|
|
21239
21319
|
}
|
|
21240
|
-
|
|
21241
|
-
|
|
21242
|
-
|
|
21243
|
-
|
|
21320
|
+
|
|
21321
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21322
|
+
--pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--nested--PaddingTop);
|
|
21323
|
+
--pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--nested--PaddingBottom);
|
|
21324
|
+
--pf-c-tree-view__node-toggle--Position: static;
|
|
21325
|
+
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft);
|
|
21326
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
|
|
21327
|
+
--pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
|
|
21328
|
+
--pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
|
|
21244
21329
|
}
|
|
21245
|
-
|
|
21246
|
-
|
|
21247
|
-
|
|
21248
|
-
|
|
21330
|
+
|
|
21331
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
|
|
21332
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
|
|
21333
|
+
left: var(--pf-c-tree-view--m-compact--border--Left);
|
|
21249
21334
|
}
|
|
21250
|
-
|
|
21251
|
-
|
|
21252
|
-
|
|
21253
|
-
}
|
|
21335
|
+
|
|
21336
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
|
|
21337
|
+
top: var(--pf-c-tree-view--m-compact__list-item--before--Top);
|
|
21254
21338
|
}
|
|
21255
|
-
|
|
21256
|
-
|
|
21257
|
-
|
|
21258
|
-
}
|
|
21339
|
+
|
|
21340
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
|
|
21341
|
+
top: var(--pf-c-tree-view--m-compact__node--before--Top);
|
|
21259
21342
|
}
|
|
21260
|
-
|
|
21261
|
-
|
|
21262
|
-
|
|
21263
|
-
}
|
|
21343
|
+
|
|
21344
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
|
|
21345
|
+
height: var(--pf-c-tree-view--m-compact__list-item--last-child--before--Height);
|
|
21264
21346
|
}
|
|
21265
|
-
|
|
21266
|
-
|
|
21267
|
-
|
|
21268
|
-
|
|
21347
|
+
|
|
21348
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21349
|
+
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--PaddingLeft);
|
|
21350
|
+
--pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--border--nested--Left);
|
|
21351
|
+
--pf-c-tree-view--m-compact__list-item--before--Top: var(--pf-c-tree-view--m-compact__list-item--nested--before--Top);
|
|
21352
|
+
--pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
|
|
21269
21353
|
}
|
|
21270
|
-
|
|
21271
|
-
|
|
21354
|
+
|
|
21355
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-container {
|
|
21356
|
+
padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft);
|
|
21357
|
+
background-color: var(--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
21272
21358
|
}
|
|
21273
21359
|
|
|
21274
|
-
.pf-c-
|
|
21275
|
-
|
|
21360
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-toggle {
|
|
21361
|
+
margin-right: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight);
|
|
21362
|
+
margin-left: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
|
|
21276
21363
|
}
|
|
21277
21364
|
|
|
21278
|
-
.pf-c-
|
|
21279
|
-
--pf-c-
|
|
21365
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container {
|
|
21366
|
+
padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--PaddingLeft);
|
|
21280
21367
|
}
|
|
21281
21368
|
|
|
21282
|
-
.pf-c-
|
|
21283
|
-
|
|
21369
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node,
|
|
21370
|
+
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node > .pf-c-tree-view__node-container {
|
|
21371
|
+
cursor: default;
|
|
21284
21372
|
}
|
|
21285
21373
|
|
|
21286
|
-
.pf-c-
|
|
21287
|
-
--pf-c-
|
|
21374
|
+
.pf-c-tree-view.pf-m-compact.pf-m-no-background {
|
|
21375
|
+
--pf-c-tree-view--m-compact__node--before--Top: var(--pf-c-tree-view--m-compact--m-no-background__node--before--Top);
|
|
21288
21376
|
}
|
|
21289
21377
|
|
|
21290
|
-
.pf-c-
|
|
21291
|
-
--pf-c-
|
|
21292
|
-
|
|
21378
|
+
.pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21379
|
+
--pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
|
|
21380
|
+
--pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
|
|
21293
21381
|
}
|
|
21294
21382
|
|
|
21295
|
-
.pf-c-
|
|
21296
|
-
|
|
21383
|
+
.pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21384
|
+
--pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--m-no-background--border--nested--Left);
|
|
21385
|
+
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
|
|
21297
21386
|
}
|
|
21298
21387
|
|
|
21299
|
-
.pf-c-
|
|
21300
|
-
|
|
21388
|
+
.pf-c-tree-view.pf-m-no-background {
|
|
21389
|
+
--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
21301
21390
|
}
|
|
21302
21391
|
|
|
21303
|
-
.pf-c-
|
|
21304
|
-
|
|
21392
|
+
.pf-c-tree-view__node-toggle-icon {
|
|
21393
|
+
display: inline-block;
|
|
21394
|
+
min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
|
|
21395
|
+
text-align: center;
|
|
21396
|
+
transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
|
|
21397
|
+
transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate));
|
|
21305
21398
|
}
|
|
21306
21399
|
|
|
21307
|
-
.pf-c-
|
|
21308
|
-
|
|
21309
|
-
|
|
21310
|
-
overflow: hidden;
|
|
21400
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21401
|
+
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
|
|
21402
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
21311
21403
|
}
|
|
21312
21404
|
|
|
21313
|
-
.pf-c-
|
|
21314
|
-
|
|
21315
|
-
|
|
21316
|
-
transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
|
|
21405
|
+
.pf-c-tree-view__list-item.pf-m-expanded {
|
|
21406
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
21407
|
+
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
21317
21408
|
}
|
|
21318
21409
|
|
|
21319
|
-
.pf-c-
|
|
21320
|
-
.pf-c-
|
|
21321
|
-
flex
|
|
21322
|
-
align-items:
|
|
21410
|
+
.pf-c-tree-view__node,
|
|
21411
|
+
.pf-c-tree-view__node-container {
|
|
21412
|
+
flex: 1 1;
|
|
21413
|
+
align-items: flex-start;
|
|
21414
|
+
min-width: 0;
|
|
21415
|
+
text-align: left;
|
|
21416
|
+
cursor: pointer;
|
|
21417
|
+
border: 0;
|
|
21323
21418
|
}
|
|
21324
21419
|
|
|
21325
|
-
.pf-c-
|
|
21326
|
-
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
21420
|
+
.pf-c-tree-view__node {
|
|
21327
21421
|
position: relative;
|
|
21328
|
-
|
|
21329
|
-
padding
|
|
21422
|
+
display: flex;
|
|
21423
|
+
padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
|
|
21424
|
+
color: var(--pf-c-tree-view__node--Color);
|
|
21330
21425
|
}
|
|
21331
21426
|
|
|
21332
|
-
.pf-c-
|
|
21333
|
-
--pf-
|
|
21334
|
-
|
|
21427
|
+
.pf-c-tree-view__node.pf-m-current {
|
|
21428
|
+
--pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
|
|
21429
|
+
font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
|
|
21335
21430
|
}
|
|
21336
21431
|
|
|
21337
|
-
.pf-c-
|
|
21338
|
-
|
|
21339
|
-
top: 100%;
|
|
21340
|
-
right: 0;
|
|
21341
|
-
left: 0;
|
|
21342
|
-
z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
|
|
21343
|
-
display: none;
|
|
21344
|
-
width: 100%;
|
|
21345
|
-
padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
|
|
21346
|
-
visibility: hidden;
|
|
21347
|
-
background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
|
|
21348
|
-
box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
|
|
21432
|
+
.pf-c-tree-view__node:focus {
|
|
21433
|
+
background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
|
|
21349
21434
|
}
|
|
21350
21435
|
|
|
21351
|
-
|
|
21352
|
-
|
|
21353
|
-
position: static;
|
|
21354
|
-
box-shadow: none;
|
|
21355
|
-
}
|
|
21356
|
-
}
|
|
21357
|
-
.pf-c-toolbar__expandable-content.pf-m-expanded {
|
|
21358
|
-
display: grid;
|
|
21359
|
-
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
21360
|
-
visibility: visible;
|
|
21436
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-count {
|
|
21437
|
+
margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
|
|
21361
21438
|
}
|
|
21362
21439
|
|
|
21363
|
-
.pf-c-
|
|
21364
|
-
|
|
21365
|
-
--pf-c-toolbar--spacer: 0;
|
|
21440
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
|
|
21441
|
+
--pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
|
|
21366
21442
|
}
|
|
21367
21443
|
|
|
21368
|
-
.pf-c-
|
|
21369
|
-
|
|
21370
|
-
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
21444
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
|
|
21445
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
|
|
21371
21446
|
}
|
|
21372
21447
|
|
|
21373
|
-
.pf-c-
|
|
21374
|
-
|
|
21375
|
-
font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
|
|
21448
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
|
|
21449
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
|
|
21376
21450
|
}
|
|
21377
21451
|
|
|
21378
|
-
.pf-c-
|
|
21379
|
-
|
|
21380
|
-
display: flex;
|
|
21381
|
-
flex-wrap: wrap;
|
|
21382
|
-
align-items: baseline;
|
|
21383
|
-
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
21384
|
-
grid-row-gap: 0;
|
|
21452
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
|
|
21453
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
|
|
21385
21454
|
}
|
|
21386
21455
|
|
|
21387
|
-
.pf-c-
|
|
21388
|
-
|
|
21389
|
-
|
|
21390
|
-
margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop);
|
|
21456
|
+
.pf-c-tree-view__node-container {
|
|
21457
|
+
display: var(--pf-c-tree-view__node-container--Display);
|
|
21458
|
+
flex-grow: 1;
|
|
21391
21459
|
}
|
|
21392
21460
|
|
|
21393
|
-
.pf-c-
|
|
21394
|
-
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group {
|
|
21395
|
-
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21461
|
+
.pf-c-tree-view__node-content {
|
|
21396
21462
|
display: flex;
|
|
21397
|
-
flex-
|
|
21398
|
-
|
|
21463
|
+
flex-direction: column;
|
|
21464
|
+
overflow: var(--pf-c-tree-view__node-content--Overflow);
|
|
21399
21465
|
}
|
|
21400
21466
|
|
|
21401
|
-
.pf-c-
|
|
21402
|
-
|
|
21403
|
-
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child,
|
|
21404
|
-
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child {
|
|
21405
|
-
--pf-c-toolbar--spacer: 0;
|
|
21467
|
+
.pf-c-tree-view__node-content > * + * {
|
|
21468
|
+
margin-top: var(--pf-c-tree-view__node-content--RowGap);
|
|
21406
21469
|
}
|
|
21407
21470
|
|
|
21408
|
-
.pf-c-
|
|
21409
|
-
--pf-c-
|
|
21471
|
+
.pf-c-tree-view__node-check {
|
|
21472
|
+
margin-right: var(--pf-c-tree-view__node-check--MarginRight);
|
|
21410
21473
|
}
|
|
21411
21474
|
|
|
21412
|
-
.pf-c-
|
|
21413
|
-
--pf-c-
|
|
21475
|
+
.pf-c-tree-view__node-toggle {
|
|
21476
|
+
position: var(--pf-c-tree-view__node-toggle--Position);
|
|
21477
|
+
top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
|
|
21478
|
+
left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
|
|
21479
|
+
display: inline-flex;
|
|
21480
|
+
align-items: center;
|
|
21481
|
+
justify-content: center;
|
|
21482
|
+
padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
|
|
21483
|
+
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
21484
|
+
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
21485
|
+
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
21486
|
+
border: 0;
|
|
21487
|
+
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
21414
21488
|
}
|
|
21415
21489
|
|
|
21416
|
-
.pf-c-
|
|
21417
|
-
|
|
21490
|
+
.pf-c-tree-view__node-title.pf-m-truncate,
|
|
21491
|
+
.pf-c-tree-view__node-text.pf-m-truncate {
|
|
21492
|
+
--pf-c-tree-view__node-content--Overflow: hidden;
|
|
21493
|
+
overflow: hidden;
|
|
21494
|
+
text-overflow: ellipsis;
|
|
21495
|
+
white-space: nowrap;
|
|
21418
21496
|
}
|
|
21419
21497
|
|
|
21420
|
-
.pf-
|
|
21421
|
-
|
|
21498
|
+
.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title,
|
|
21499
|
+
.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text {
|
|
21500
|
+
--pf-c-tree-view__node-content--Overflow: hidden;
|
|
21501
|
+
overflow: hidden;
|
|
21502
|
+
text-overflow: ellipsis;
|
|
21503
|
+
white-space: nowrap;
|
|
21422
21504
|
}
|
|
21423
21505
|
|
|
21424
|
-
.pf-
|
|
21425
|
-
|
|
21426
|
-
display: flex;
|
|
21427
|
-
flex: 0 1 auto;
|
|
21428
|
-
visibility: visible;
|
|
21506
|
+
label.pf-c-tree-view__node-text {
|
|
21507
|
+
cursor: pointer;
|
|
21429
21508
|
}
|
|
21430
21509
|
|
|
21431
|
-
.pf-
|
|
21432
|
-
|
|
21433
|
-
visibility: hidden;
|
|
21510
|
+
.pf-c-tree-view__node-title {
|
|
21511
|
+
font-weight: var(--pf-c-tree-view__node-title--FontWeight);
|
|
21434
21512
|
}
|
|
21435
21513
|
|
|
21436
|
-
|
|
21437
|
-
|
|
21438
|
-
|
|
21439
|
-
}
|
|
21514
|
+
.pf-c-tree-view__search {
|
|
21515
|
+
padding: var(--pf-c-tree-view__search--PaddingTop) var(--pf-c-tree-view__search--PaddingRight) var(--pf-c-tree-view__search--PaddingBottom) var(--pf-c-tree-view__search--PaddingLeft);
|
|
21516
|
+
}
|
|
21440
21517
|
|
|
21441
|
-
|
|
21442
|
-
|
|
21443
|
-
|
|
21444
|
-
|
|
21445
|
-
visibility: visible;
|
|
21446
|
-
}
|
|
21518
|
+
.pf-c-tree-view__node-icon {
|
|
21519
|
+
padding-right: var(--pf-c-tree-view__node-icon--PaddingRight);
|
|
21520
|
+
color: var(--pf-c-tree-view__node-icon--Color);
|
|
21521
|
+
}
|
|
21447
21522
|
|
|
21448
|
-
|
|
21449
|
-
|
|
21450
|
-
|
|
21451
|
-
}
|
|
21523
|
+
.pf-c-tree-view__content {
|
|
21524
|
+
display: flex;
|
|
21525
|
+
align-items: center;
|
|
21452
21526
|
}
|
|
21453
|
-
@media (min-width: 768px) {
|
|
21454
|
-
.pf-m-toggle-group.pf-m-show-on-md {
|
|
21455
|
-
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21456
|
-
}
|
|
21457
21527
|
|
|
21458
|
-
|
|
21459
|
-
.pf-
|
|
21460
|
-
|
|
21461
|
-
|
|
21462
|
-
visibility: visible;
|
|
21463
|
-
}
|
|
21528
|
+
.pf-c-tree-view__content:hover,
|
|
21529
|
+
.pf-c-tree-view__content:focus-within {
|
|
21530
|
+
background-color: var(--pf-c-tree-view__node--hover--BackgroundColor);
|
|
21531
|
+
}
|
|
21464
21532
|
|
|
21465
|
-
|
|
21466
|
-
|
|
21467
|
-
|
|
21468
|
-
|
|
21533
|
+
.pf-c-tree-view__action {
|
|
21534
|
+
margin-left: var(--pf-c-tree-view__action--MarginLeft);
|
|
21535
|
+
color: var(--pf-c-tree-view__action--Color);
|
|
21536
|
+
border: 0;
|
|
21469
21537
|
}
|
|
21470
|
-
@media (min-width: 992px) {
|
|
21471
|
-
.pf-m-toggle-group.pf-m-show-on-lg {
|
|
21472
|
-
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21473
|
-
}
|
|
21474
21538
|
|
|
21475
|
-
|
|
21476
|
-
|
|
21477
|
-
|
|
21478
|
-
flex: 0 1 auto;
|
|
21479
|
-
visibility: visible;
|
|
21480
|
-
}
|
|
21539
|
+
.pf-c-tree-view__action:hover {
|
|
21540
|
+
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
|
|
21541
|
+
}
|
|
21481
21542
|
|
|
21482
|
-
|
|
21483
|
-
|
|
21484
|
-
|
|
21485
|
-
}
|
|
21543
|
+
.pf-c-tree-view__action:focus {
|
|
21544
|
+
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
|
|
21545
|
+
background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
|
|
21486
21546
|
}
|
|
21487
|
-
@media (min-width: 1200px) {
|
|
21488
|
-
.pf-m-toggle-group.pf-m-show-on-xl {
|
|
21489
|
-
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21490
|
-
}
|
|
21491
21547
|
|
|
21492
|
-
|
|
21493
|
-
|
|
21494
|
-
|
|
21495
|
-
|
|
21496
|
-
|
|
21497
|
-
}
|
|
21548
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21549
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21550
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 1 + var(--pf-c-tree-view__node--indent--base));
|
|
21551
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21552
|
+
}
|
|
21498
21553
|
|
|
21499
|
-
|
|
21500
|
-
|
|
21501
|
-
|
|
21502
|
-
|
|
21554
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21555
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21556
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 2 + var(--pf-c-tree-view__node--indent--base));
|
|
21557
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21558
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21559
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21560
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21561
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21503
21562
|
}
|
|
21504
|
-
@media (min-width: 1450px) {
|
|
21505
|
-
.pf-m-toggle-group.pf-m-show-on-2xl {
|
|
21506
|
-
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21507
|
-
}
|
|
21508
21563
|
|
|
21509
|
-
|
|
21510
|
-
|
|
21511
|
-
|
|
21512
|
-
|
|
21513
|
-
|
|
21514
|
-
|
|
21564
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21565
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21566
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 3 + var(--pf-c-tree-view__node--indent--base));
|
|
21567
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21568
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21569
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21570
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21571
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21572
|
+
}
|
|
21515
21573
|
|
|
21516
|
-
|
|
21517
|
-
|
|
21518
|
-
|
|
21519
|
-
|
|
21574
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21575
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21576
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 4 + var(--pf-c-tree-view__node--indent--base));
|
|
21577
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21578
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21579
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21580
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21581
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21520
21582
|
}
|
|
21521
|
-
|
|
21522
|
-
.pf-c-
|
|
21523
|
-
|
|
21583
|
+
|
|
21584
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21585
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21586
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 5 + var(--pf-c-tree-view__node--indent--base));
|
|
21587
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21588
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21589
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21590
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21591
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21524
21592
|
}
|
|
21525
21593
|
|
|
21526
|
-
.pf-c-
|
|
21527
|
-
|
|
21528
|
-
|
|
21594
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21595
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21596
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 6 + var(--pf-c-tree-view__node--indent--base));
|
|
21597
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21598
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21599
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21600
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21601
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21529
21602
|
}
|
|
21530
21603
|
|
|
21531
|
-
.pf-c-
|
|
21532
|
-
|
|
21533
|
-
|
|
21604
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21605
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21606
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 7 + var(--pf-c-tree-view__node--indent--base));
|
|
21607
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21608
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21609
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21610
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21611
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21534
21612
|
}
|
|
21535
21613
|
|
|
21536
|
-
.pf-c-
|
|
21537
|
-
|
|
21538
|
-
|
|
21614
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21615
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21616
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 8 + var(--pf-c-tree-view__node--indent--base));
|
|
21617
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21618
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21619
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21620
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21621
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21539
21622
|
}
|
|
21540
21623
|
|
|
21541
|
-
.pf-c-
|
|
21542
|
-
|
|
21543
|
-
|
|
21624
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21625
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21626
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 9 + var(--pf-c-tree-view__node--indent--base));
|
|
21627
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21628
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21629
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21630
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21631
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21544
21632
|
}
|
|
21545
21633
|
|
|
21546
|
-
.pf-c-
|
|
21547
|
-
|
|
21548
|
-
|
|
21634
|
+
.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
21635
|
+
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
21636
|
+
--pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 10 + var(--pf-c-tree-view__node--indent--base));
|
|
21637
|
+
--pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
|
|
21638
|
+
--pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact__node--indent--base));
|
|
21639
|
+
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
21640
|
+
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
21641
|
+
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
21549
21642
|
}
|
|
21550
21643
|
|
|
21551
|
-
|
|
21552
|
-
|
|
21553
|
-
|
|
21554
|
-
|
|
21555
|
-
}
|
|
21644
|
+
:where(.pf-theme-dark) .pf-c-tree-view {
|
|
21645
|
+
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21646
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21647
|
+
}
|
|
21556
21648
|
|
|
21557
|
-
|
|
21558
|
-
|
|
21559
|
-
|
|
21560
|
-
|
|
21649
|
+
.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
|
|
21650
|
+
--pf-hidden-visible--visible--Visibility: visible;
|
|
21651
|
+
--pf-hidden-visible--hidden--Display: none;
|
|
21652
|
+
--pf-hidden-visible--hidden--Visibility: hidden;
|
|
21653
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21654
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21655
|
+
display: var(--pf-hidden-visible--Display);
|
|
21656
|
+
visibility: var(--pf-hidden-visible--Visibility);
|
|
21657
|
+
}
|
|
21561
21658
|
|
|
21562
|
-
|
|
21563
|
-
|
|
21564
|
-
|
|
21565
|
-
|
|
21566
|
-
|
|
21567
|
-
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
21568
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
21569
|
-
margin-left: auto;
|
|
21570
|
-
}
|
|
21659
|
+
.pf-m-hidden.pf-c-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__group {
|
|
21660
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21661
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21662
|
+
}
|
|
21571
21663
|
|
|
21572
|
-
|
|
21573
|
-
.pf-c-
|
|
21574
|
-
|
|
21664
|
+
@media screen and (min-width: 576px) {
|
|
21665
|
+
.pf-m-hidden-on-sm.pf-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__group {
|
|
21666
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21667
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21575
21668
|
}
|
|
21576
21669
|
|
|
21577
|
-
.pf-c-
|
|
21578
|
-
|
|
21579
|
-
|
|
21670
|
+
.pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
|
|
21671
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21672
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21580
21673
|
}
|
|
21581
21674
|
}
|
|
21582
|
-
@media (min-width: 768px) {
|
|
21583
|
-
.pf-c-
|
|
21584
|
-
|
|
21585
|
-
|
|
21675
|
+
@media screen and (min-width: 768px) {
|
|
21676
|
+
.pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
|
|
21677
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21678
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21586
21679
|
}
|
|
21587
21680
|
|
|
21588
|
-
.pf-c-
|
|
21589
|
-
|
|
21590
|
-
|
|
21681
|
+
.pf-m-visible-on-md.pf-c-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__group {
|
|
21682
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21683
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21591
21684
|
}
|
|
21592
|
-
|
|
21593
|
-
|
|
21594
|
-
.pf-c-
|
|
21595
|
-
|
|
21685
|
+
}
|
|
21686
|
+
@media screen and (min-width: 992px) {
|
|
21687
|
+
.pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
|
|
21688
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21689
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21596
21690
|
}
|
|
21597
21691
|
|
|
21598
|
-
.pf-c-
|
|
21599
|
-
|
|
21600
|
-
|
|
21692
|
+
.pf-m-visible-on-lg.pf-c-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__group {
|
|
21693
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21694
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21601
21695
|
}
|
|
21602
|
-
|
|
21603
|
-
|
|
21604
|
-
.pf-c-
|
|
21605
|
-
|
|
21696
|
+
}
|
|
21697
|
+
@media screen and (min-width: 1200px) {
|
|
21698
|
+
.pf-m-hidden-on-xl.pf-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__group {
|
|
21699
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21700
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21606
21701
|
}
|
|
21607
21702
|
|
|
21608
|
-
.pf-c-
|
|
21609
|
-
|
|
21610
|
-
|
|
21703
|
+
.pf-m-visible-on-xl.pf-c-toolbar__content-section, .pf-m-visible-on-xl.pf-c-toolbar__content, .pf-m-visible-on-xl.pf-c-toolbar__item, .pf-m-visible-on-xl.pf-c-toolbar__group {
|
|
21704
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21705
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21611
21706
|
}
|
|
21612
21707
|
}
|
|
21613
|
-
@media (min-width:
|
|
21614
|
-
.pf-c-
|
|
21615
|
-
|
|
21616
|
-
|
|
21617
|
-
}
|
|
21618
|
-
|
|
21619
|
-
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
21620
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
21621
|
-
margin-left: 0;
|
|
21708
|
+
@media screen and (min-width: 1450px) {
|
|
21709
|
+
.pf-m-hidden-on-2xl.pf-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__item, .pf-m-hidden-on-2xl.pf-c-toolbar__group {
|
|
21710
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
21711
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
21622
21712
|
}
|
|
21623
21713
|
|
|
21624
|
-
.pf-c-
|
|
21625
|
-
|
|
21626
|
-
|
|
21714
|
+
.pf-m-visible-on-2xl.pf-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-c-toolbar__content, .pf-m-visible-on-2xl.pf-c-toolbar__item, .pf-m-visible-on-2xl.pf-c-toolbar__group {
|
|
21715
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
21716
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
21627
21717
|
}
|
|
21718
|
+
}
|
|
21719
|
+
.pf-c-toolbar {
|
|
21720
|
+
--pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21721
|
+
--pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
|
|
21722
|
+
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
21723
|
+
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
21724
|
+
--pf-c-toolbar__item--Display: block;
|
|
21725
|
+
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
21726
|
+
--pf-c-toolbar__group--Display: flex;
|
|
21727
|
+
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21728
|
+
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
21729
|
+
--pf-c-toolbar__content--Display: flex;
|
|
21730
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
21731
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
21732
|
+
--pf-c-toolbar__content-section--Display: flex;
|
|
21733
|
+
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
21734
|
+
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
21735
|
+
--pf-c-toolbar__expandable-content--Display: grid;
|
|
21736
|
+
--pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
|
|
21737
|
+
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
|
|
21738
|
+
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
21739
|
+
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
|
|
21740
|
+
--pf-c-toolbar__expandable-content--lg--PaddingRight: 0;
|
|
21741
|
+
--pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
|
|
21742
|
+
--pf-c-toolbar__expandable-content--lg--PaddingLeft: 0;
|
|
21743
|
+
--pf-c-toolbar__expandable-content--ZIndex: var(--pf-global--ZIndex--sm);
|
|
21744
|
+
--pf-c-toolbar__expandable-content--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
21745
|
+
--pf-c-toolbar__expandable-content--BackgroundColor: var(--pf-c-toolbar--BackgroundColor);
|
|
21746
|
+
--pf-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-global--gutter--md);
|
|
21747
|
+
--pf-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-global--spacer--md) * -1);
|
|
21748
|
+
--pf-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-global--spacer--md);
|
|
21749
|
+
--pf-c-toolbar--spacer--base: var(--pf-global--spacer--md);
|
|
21750
|
+
--pf-c-toolbar__item--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21751
|
+
--pf-c-toolbar__group--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21752
|
+
--pf-c-toolbar__item--Width: auto;
|
|
21753
|
+
--pf-c-toolbar__group--m-toggle-group--spacer: var(--pf-global--spacer--sm);
|
|
21754
|
+
--pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21755
|
+
--pf-c-toolbar__group--m-icon-button-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21756
|
+
--pf-c-toolbar__group--m-icon-button-group--space-items: 0;
|
|
21757
|
+
--pf-c-toolbar__group--m-button-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21758
|
+
--pf-c-toolbar__group--m-button-group--space-items: var(--pf-global--spacer--sm);
|
|
21759
|
+
--pf-c-toolbar__group--m-filter-group--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21760
|
+
--pf-c-toolbar__group--m-filter-group--space-items: 0;
|
|
21761
|
+
--pf-c-toolbar__item--m-overflow-menu--spacer: var(--pf-c-toolbar__item--spacer);
|
|
21762
|
+
--pf-c-toolbar__item--m-bulk-select--spacer: var(--pf-global--spacer--lg);
|
|
21763
|
+
--pf-c-toolbar__expand-all-icon--Rotate: 0;
|
|
21764
|
+
--pf-c-toolbar__expand-all-icon--Transition: var(--pf-global--Transition);
|
|
21765
|
+
--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
21766
|
+
--pf-c-toolbar__item--m-search-filter--spacer: var(--pf-global--spacer--sm);
|
|
21767
|
+
--pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
|
|
21768
|
+
--pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
|
|
21769
|
+
--pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
|
|
21770
|
+
--pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
|
|
21771
|
+
--pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
|
|
21772
|
+
--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
|
|
21773
|
+
--pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
|
|
21774
|
+
--pf-c-toolbar--m-full-height--PaddingTop: 0;
|
|
21775
|
+
--pf-c-toolbar--m-full-height--PaddingBottom: 0;
|
|
21776
|
+
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
21777
|
+
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
21778
|
+
position: relative;
|
|
21779
|
+
row-gap: var(--pf-c-toolbar--RowGap);
|
|
21780
|
+
display: grid;
|
|
21781
|
+
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
21782
|
+
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
21783
|
+
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
21784
|
+
}
|
|
21628
21785
|
|
|
21629
|
-
|
|
21630
|
-
.pf-c-toolbar
|
|
21631
|
-
|
|
21786
|
+
@media screen and (min-width: 992px) {
|
|
21787
|
+
.pf-c-toolbar {
|
|
21788
|
+
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__expandable-content--lg--PaddingRight);
|
|
21789
|
+
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-toolbar__expandable-content--lg--PaddingBottom);
|
|
21790
|
+
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__expandable-content--lg--PaddingLeft);
|
|
21632
21791
|
}
|
|
21633
|
-
|
|
21634
|
-
|
|
21635
|
-
.pf-c-toolbar
|
|
21636
|
-
|
|
21792
|
+
}
|
|
21793
|
+
@media screen and (min-width: 1200px) {
|
|
21794
|
+
.pf-c-toolbar {
|
|
21795
|
+
--pf-c-toolbar--m-page-insets--inset: var(--pf-c-toolbar--m-page-insets--xl--inset);
|
|
21637
21796
|
}
|
|
21797
|
+
}
|
|
21798
|
+
.pf-c-toolbar.pf-m-page-insets {
|
|
21799
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
|
|
21800
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
|
|
21801
|
+
}
|
|
21638
21802
|
|
|
21639
|
-
|
|
21640
|
-
|
|
21641
|
-
|
|
21642
|
-
|
|
21803
|
+
.pf-c-toolbar.pf-m-sticky {
|
|
21804
|
+
position: sticky;
|
|
21805
|
+
top: 0;
|
|
21806
|
+
z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
|
|
21807
|
+
box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
|
|
21643
21808
|
}
|
|
21644
|
-
@media (min-width: 1200px) {
|
|
21645
|
-
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
21646
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
21647
|
-
margin-left: auto;
|
|
21648
|
-
}
|
|
21649
21809
|
|
|
21650
|
-
|
|
21651
|
-
|
|
21652
|
-
|
|
21653
|
-
|
|
21810
|
+
.pf-c-toolbar.pf-m-full-height {
|
|
21811
|
+
--pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
|
|
21812
|
+
--pf-c-toolbar--PaddingBottom: var(--pf-c-toolbar--m-full-height--PaddingTop);
|
|
21813
|
+
--pf-c-toolbar__item--Display: var(--pf-c-toolbar--m-full-height__item--Display);
|
|
21814
|
+
height: 100%;
|
|
21815
|
+
}
|
|
21654
21816
|
|
|
21655
|
-
|
|
21656
|
-
.pf-c-toolbar
|
|
21657
|
-
|
|
21658
|
-
|
|
21817
|
+
.pf-c-toolbar.pf-m-full-height,
|
|
21818
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
|
|
21819
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
|
|
21820
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content,
|
|
21821
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group {
|
|
21822
|
+
min-width: 0;
|
|
21823
|
+
}
|
|
21659
21824
|
|
|
21660
|
-
|
|
21661
|
-
.pf-c-toolbar
|
|
21662
|
-
|
|
21663
|
-
|
|
21825
|
+
.pf-c-toolbar.pf-m-full-height,
|
|
21826
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
|
|
21827
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
|
|
21828
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group,
|
|
21829
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
|
|
21830
|
+
align-self: stretch;
|
|
21831
|
+
}
|
|
21664
21832
|
|
|
21665
|
-
|
|
21666
|
-
|
|
21667
|
-
|
|
21668
|
-
}
|
|
21833
|
+
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
|
|
21834
|
+
align-items: var(--pf-c-toolbar--m-full-height__item--AlignItems);
|
|
21835
|
+
}
|
|
21669
21836
|
|
|
21670
|
-
|
|
21671
|
-
.pf-c-toolbar
|
|
21672
|
-
|
|
21673
|
-
}
|
|
21837
|
+
.pf-c-toolbar.pf-m-static,
|
|
21838
|
+
.pf-c-toolbar.pf-m-static .pf-c-toolbar__content {
|
|
21839
|
+
position: static;
|
|
21674
21840
|
}
|
|
21675
|
-
@media (min-width: 1450px) {
|
|
21676
|
-
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
21677
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
21678
|
-
margin-left: auto;
|
|
21679
|
-
}
|
|
21680
21841
|
|
|
21681
|
-
|
|
21682
|
-
|
|
21683
|
-
|
|
21684
|
-
}
|
|
21842
|
+
.pf-c-toolbar.pf-m-static .pf-c-toolbar__expandable-content {
|
|
21843
|
+
position: absolute;
|
|
21844
|
+
}
|
|
21685
21845
|
|
|
21686
|
-
|
|
21687
|
-
.pf-c-
|
|
21688
|
-
|
|
21689
|
-
|
|
21846
|
+
.pf-c-toolbar__content-section > .pf-c-divider,
|
|
21847
|
+
.pf-c-toolbar__group > .pf-c-divider {
|
|
21848
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar--c-divider--m-vertical--spacer);
|
|
21849
|
+
}
|
|
21690
21850
|
|
|
21691
|
-
|
|
21692
|
-
.pf-c-
|
|
21693
|
-
|
|
21694
|
-
}
|
|
21695
|
-
|
|
21696
|
-
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
21697
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
21698
|
-
flex-wrap: nowrap;
|
|
21699
|
-
}
|
|
21700
|
-
|
|
21701
|
-
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
21702
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
21703
|
-
flex-wrap: wrap;
|
|
21704
|
-
}
|
|
21705
|
-
}
|
|
21706
|
-
.pf-c-toolbar .pf-m-space-items-none > * {
|
|
21707
|
-
--pf-c-toolbar--spacer: 0;
|
|
21851
|
+
.pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical,
|
|
21852
|
+
.pf-c-toolbar__group > .pf-c-divider.pf-m-vertical {
|
|
21853
|
+
margin-right: var(--pf-c-toolbar--spacer);
|
|
21708
21854
|
}
|
|
21709
21855
|
|
|
21710
|
-
.pf-c-
|
|
21856
|
+
.pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical:last-child,
|
|
21857
|
+
.pf-c-toolbar__group > .pf-c-divider.pf-m-vertical:last-child {
|
|
21711
21858
|
--pf-c-toolbar--spacer: 0;
|
|
21712
21859
|
}
|
|
21713
21860
|
|
|
21714
|
-
.pf-c-
|
|
21715
|
-
--pf-c-toolbar--spacer: var(--pf-
|
|
21861
|
+
.pf-c-toolbar__group {
|
|
21862
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
21863
|
+
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
21864
|
+
align-items: center;
|
|
21865
|
+
margin-right: var(--pf-c-toolbar--spacer);
|
|
21716
21866
|
}
|
|
21717
21867
|
|
|
21718
|
-
.pf-c-
|
|
21719
|
-
--pf-c-toolbar--spacer:
|
|
21868
|
+
.pf-c-toolbar__group.pf-m-button-group {
|
|
21869
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
21720
21870
|
}
|
|
21721
21871
|
|
|
21722
|
-
.pf-c-
|
|
21723
|
-
--pf-c-toolbar--spacer: var(--pf-
|
|
21872
|
+
.pf-c-toolbar__group.pf-m-button-group > * {
|
|
21873
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--space-items);
|
|
21724
21874
|
}
|
|
21725
21875
|
|
|
21726
|
-
.pf-c-
|
|
21727
|
-
--pf-c-toolbar--spacer:
|
|
21876
|
+
.pf-c-toolbar__group.pf-m-icon-button-group {
|
|
21877
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--spacer);
|
|
21728
21878
|
}
|
|
21729
21879
|
|
|
21730
|
-
.pf-c-
|
|
21731
|
-
--pf-c-toolbar--spacer: var(--pf-
|
|
21880
|
+
.pf-c-toolbar__group.pf-m-icon-button-group > * {
|
|
21881
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--space-items);
|
|
21732
21882
|
}
|
|
21733
21883
|
|
|
21734
|
-
.pf-c-
|
|
21735
|
-
--pf-c-toolbar--spacer:
|
|
21884
|
+
.pf-c-toolbar__group.pf-m-filter-group {
|
|
21885
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--spacer);
|
|
21736
21886
|
}
|
|
21737
21887
|
|
|
21738
|
-
|
|
21739
|
-
|
|
21740
|
-
|
|
21741
|
-
}
|
|
21888
|
+
.pf-c-toolbar__group.pf-m-filter-group > * {
|
|
21889
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--space-items);
|
|
21890
|
+
}
|
|
21742
21891
|
|
|
21743
|
-
|
|
21744
|
-
|
|
21745
|
-
|
|
21892
|
+
.pf-c-toolbar__group.pf-m-filter-group > * + * {
|
|
21893
|
+
margin-left: -1px;
|
|
21894
|
+
}
|
|
21746
21895
|
|
|
21747
|
-
|
|
21748
|
-
|
|
21749
|
-
|
|
21896
|
+
.pf-c-toolbar__group.pf-m-toggle-group {
|
|
21897
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--spacer);
|
|
21898
|
+
}
|
|
21750
21899
|
|
|
21751
|
-
|
|
21752
|
-
|
|
21753
|
-
|
|
21900
|
+
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
|
|
21901
|
+
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
|
|
21902
|
+
display: none;
|
|
21903
|
+
visibility: hidden;
|
|
21904
|
+
}
|
|
21754
21905
|
|
|
21755
|
-
|
|
21756
|
-
|
|
21757
|
-
|
|
21906
|
+
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
|
|
21907
|
+
display: inline-block;
|
|
21908
|
+
visibility: visible;
|
|
21909
|
+
}
|
|
21758
21910
|
|
|
21759
|
-
|
|
21760
|
-
|
|
21761
|
-
|
|
21911
|
+
.pf-c-toolbar__group:last-child {
|
|
21912
|
+
--pf-c-toolbar--spacer: 0;
|
|
21913
|
+
}
|
|
21762
21914
|
|
|
21763
|
-
|
|
21764
|
-
|
|
21765
|
-
|
|
21915
|
+
.pf-c-toolbar__item {
|
|
21916
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
|
|
21917
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
21918
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
21919
|
+
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
21920
|
+
width: var(--pf-c-toolbar__item--Width--base);
|
|
21921
|
+
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
21922
|
+
margin-right: var(--pf-c-toolbar--spacer);
|
|
21923
|
+
}
|
|
21766
21924
|
|
|
21767
|
-
|
|
21768
|
-
|
|
21925
|
+
@media (min-width: 576px) {
|
|
21926
|
+
.pf-c-toolbar__item {
|
|
21927
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width));
|
|
21769
21928
|
}
|
|
21770
21929
|
}
|
|
21771
21930
|
@media (min-width: 768px) {
|
|
21772
|
-
.pf-c-
|
|
21773
|
-
--pf-c-
|
|
21774
|
-
}
|
|
21775
|
-
|
|
21776
|
-
.pf-c-toolbar .pf-m-space-items-none-on-md > :last-child {
|
|
21777
|
-
--pf-c-toolbar--spacer: 0;
|
|
21778
|
-
}
|
|
21779
|
-
|
|
21780
|
-
.pf-c-toolbar .pf-m-space-items-sm-on-md > * {
|
|
21781
|
-
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
21931
|
+
.pf-c-toolbar__item {
|
|
21932
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)));
|
|
21782
21933
|
}
|
|
21783
|
-
|
|
21784
|
-
|
|
21785
|
-
|
|
21934
|
+
}
|
|
21935
|
+
@media (min-width: 992px) {
|
|
21936
|
+
.pf-c-toolbar__item {
|
|
21937
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))));
|
|
21786
21938
|
}
|
|
21787
|
-
|
|
21788
|
-
|
|
21789
|
-
|
|
21939
|
+
}
|
|
21940
|
+
@media (min-width: 1200px) {
|
|
21941
|
+
.pf-c-toolbar__item {
|
|
21942
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)))));
|
|
21790
21943
|
}
|
|
21791
|
-
|
|
21792
|
-
|
|
21793
|
-
|
|
21944
|
+
}
|
|
21945
|
+
@media (min-width: 1450px) {
|
|
21946
|
+
.pf-c-toolbar__item {
|
|
21947
|
+
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-2xl, var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))))));
|
|
21794
21948
|
}
|
|
21795
|
-
|
|
21796
|
-
|
|
21797
|
-
|
|
21949
|
+
}
|
|
21950
|
+
@media (min-width: 576px) {
|
|
21951
|
+
.pf-c-toolbar__item {
|
|
21952
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth));
|
|
21798
21953
|
}
|
|
21799
|
-
|
|
21800
|
-
|
|
21801
|
-
|
|
21954
|
+
}
|
|
21955
|
+
@media (min-width: 768px) {
|
|
21956
|
+
.pf-c-toolbar__item {
|
|
21957
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth)));
|
|
21802
21958
|
}
|
|
21803
21959
|
}
|
|
21804
21960
|
@media (min-width: 992px) {
|
|
21805
|
-
.pf-c-
|
|
21806
|
-
--pf-c-
|
|
21807
|
-
}
|
|
21808
|
-
|
|
21809
|
-
.pf-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
|
|
21810
|
-
--pf-c-toolbar--spacer: 0;
|
|
21811
|
-
}
|
|
21812
|
-
|
|
21813
|
-
.pf-c-toolbar .pf-m-space-items-sm-on-lg > * {
|
|
21814
|
-
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
21961
|
+
.pf-c-toolbar__item {
|
|
21962
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))));
|
|
21815
21963
|
}
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
21964
|
+
}
|
|
21965
|
+
@media (min-width: 1200px) {
|
|
21966
|
+
.pf-c-toolbar__item {
|
|
21967
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth)))));
|
|
21819
21968
|
}
|
|
21820
|
-
|
|
21821
|
-
|
|
21822
|
-
|
|
21969
|
+
}
|
|
21970
|
+
@media (min-width: 1450px) {
|
|
21971
|
+
.pf-c-toolbar__item {
|
|
21972
|
+
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
|
|
21823
21973
|
}
|
|
21974
|
+
}
|
|
21975
|
+
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
21976
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
21977
|
+
}
|
|
21824
21978
|
|
|
21825
|
-
|
|
21826
|
-
|
|
21827
|
-
|
|
21979
|
+
.pf-c-toolbar__item.pf-m-bulk-select {
|
|
21980
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-bulk-select--spacer);
|
|
21981
|
+
}
|
|
21828
21982
|
|
|
21829
|
-
|
|
21830
|
-
|
|
21831
|
-
|
|
21983
|
+
.pf-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
21984
|
+
--pf-c-toolbar__expand-all-icon--Rotate: var(--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
21985
|
+
}
|
|
21832
21986
|
|
|
21833
|
-
|
|
21834
|
-
|
|
21835
|
-
}
|
|
21987
|
+
.pf-c-toolbar__item.pf-m-search-filter {
|
|
21988
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-search-filter--spacer);
|
|
21836
21989
|
}
|
|
21837
|
-
@media (min-width: 1200px) {
|
|
21838
|
-
.pf-c-toolbar .pf-m-space-items-none-on-xl > * {
|
|
21839
|
-
--pf-c-toolbar--spacer: 0;
|
|
21840
|
-
}
|
|
21841
21990
|
|
|
21842
|
-
|
|
21843
|
-
|
|
21844
|
-
|
|
21991
|
+
.pf-c-toolbar__item.pf-m-chip-group {
|
|
21992
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-chip-group--spacer);
|
|
21993
|
+
}
|
|
21845
21994
|
|
|
21846
|
-
|
|
21847
|
-
|
|
21848
|
-
|
|
21995
|
+
.pf-c-toolbar__item.pf-m-label {
|
|
21996
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-label--spacer);
|
|
21997
|
+
font-weight: var(--pf-c-toolbar__item--m-label--FontWeight);
|
|
21998
|
+
}
|
|
21849
21999
|
|
|
21850
|
-
|
|
21851
|
-
|
|
21852
|
-
|
|
22000
|
+
.pf-c-toolbar__item.pf-m-pagination {
|
|
22001
|
+
margin-left: auto;
|
|
22002
|
+
}
|
|
21853
22003
|
|
|
21854
|
-
|
|
21855
|
-
|
|
21856
|
-
|
|
22004
|
+
.pf-c-toolbar__item.pf-m-pagination .pf-c-pagination {
|
|
22005
|
+
flex-wrap: nowrap;
|
|
22006
|
+
}
|
|
21857
22007
|
|
|
21858
|
-
|
|
21859
|
-
|
|
21860
|
-
|
|
22008
|
+
.pf-c-toolbar__item:last-child {
|
|
22009
|
+
--pf-c-toolbar--spacer: 0;
|
|
22010
|
+
}
|
|
21861
22011
|
|
|
21862
|
-
|
|
21863
|
-
|
|
21864
|
-
|
|
22012
|
+
.pf-c-toolbar__group.pf-m-overflow-container,
|
|
22013
|
+
.pf-c-toolbar__item.pf-m-overflow-container {
|
|
22014
|
+
flex: 1;
|
|
22015
|
+
overflow: hidden;
|
|
22016
|
+
}
|
|
21865
22017
|
|
|
21866
|
-
|
|
21867
|
-
|
|
21868
|
-
|
|
22018
|
+
.pf-c-toolbar__expand-all-icon {
|
|
22019
|
+
display: inline-block;
|
|
22020
|
+
transition: var(--pf-c-toolbar__expand-all-icon--Transition);
|
|
22021
|
+
transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
|
|
21869
22022
|
}
|
|
21870
|
-
@media (min-width: 1450px) {
|
|
21871
|
-
.pf-c-toolbar .pf-m-space-items-none-on-2xl > * {
|
|
21872
|
-
--pf-c-toolbar--spacer: 0;
|
|
21873
|
-
}
|
|
21874
22023
|
|
|
21875
|
-
|
|
21876
|
-
|
|
21877
|
-
|
|
21878
|
-
|
|
21879
|
-
|
|
21880
|
-
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
21881
|
-
}
|
|
21882
|
-
|
|
21883
|
-
.pf-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
|
|
21884
|
-
--pf-c-toolbar--spacer: 0;
|
|
21885
|
-
}
|
|
22024
|
+
.pf-c-toolbar__content,
|
|
22025
|
+
.pf-c-toolbar__content-section {
|
|
22026
|
+
flex-wrap: wrap;
|
|
22027
|
+
align-items: center;
|
|
22028
|
+
}
|
|
21886
22029
|
|
|
21887
|
-
|
|
21888
|
-
|
|
21889
|
-
|
|
22030
|
+
.pf-c-toolbar__content {
|
|
22031
|
+
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
22032
|
+
position: relative;
|
|
22033
|
+
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
22034
|
+
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
22035
|
+
}
|
|
21890
22036
|
|
|
21891
|
-
|
|
21892
|
-
|
|
21893
|
-
|
|
22037
|
+
.pf-c-toolbar__content-section {
|
|
22038
|
+
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
22039
|
+
width: 100%;
|
|
22040
|
+
}
|
|
21894
22041
|
|
|
21895
|
-
|
|
21896
|
-
|
|
21897
|
-
|
|
22042
|
+
.pf-c-toolbar__expandable-content {
|
|
22043
|
+
position: absolute;
|
|
22044
|
+
top: 100%;
|
|
22045
|
+
right: 0;
|
|
22046
|
+
left: 0;
|
|
22047
|
+
z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
|
|
22048
|
+
display: none;
|
|
22049
|
+
width: 100%;
|
|
22050
|
+
padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
|
|
22051
|
+
visibility: hidden;
|
|
22052
|
+
background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
|
|
22053
|
+
box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
|
|
22054
|
+
}
|
|
21898
22055
|
|
|
21899
|
-
|
|
21900
|
-
|
|
22056
|
+
@media screen and (min-width: 992px) {
|
|
22057
|
+
.pf-c-toolbar__expandable-content {
|
|
22058
|
+
position: static;
|
|
22059
|
+
box-shadow: none;
|
|
21901
22060
|
}
|
|
21902
22061
|
}
|
|
21903
|
-
.pf-c-
|
|
21904
|
-
|
|
22062
|
+
.pf-c-toolbar__expandable-content.pf-m-expanded {
|
|
22063
|
+
display: grid;
|
|
22064
|
+
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
22065
|
+
visibility: visible;
|
|
21905
22066
|
}
|
|
21906
22067
|
|
|
21907
|
-
.pf-c-
|
|
22068
|
+
.pf-c-toolbar__expandable-content .pf-c-toolbar__group,
|
|
22069
|
+
.pf-c-toolbar__expandable-content .pf-c-toolbar__item {
|
|
21908
22070
|
--pf-c-toolbar--spacer: 0;
|
|
21909
22071
|
}
|
|
21910
22072
|
|
|
21911
|
-
.pf-c-
|
|
21912
|
-
|
|
22073
|
+
.pf-c-toolbar__expandable-content .pf-c-toolbar__group {
|
|
22074
|
+
display: grid;
|
|
22075
|
+
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
21913
22076
|
}
|
|
21914
22077
|
|
|
21915
|
-
.pf-c-
|
|
21916
|
-
|
|
22078
|
+
.pf-c-toolbar__expandable-content .pf-m-label {
|
|
22079
|
+
margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
|
|
22080
|
+
font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
|
|
21917
22081
|
}
|
|
21918
22082
|
|
|
21919
|
-
.pf-c-
|
|
21920
|
-
|
|
22083
|
+
.pf-c-toolbar__content.pf-m-chip-container,
|
|
22084
|
+
.pf-c-toolbar__group.pf-m-chip-container {
|
|
22085
|
+
display: flex;
|
|
22086
|
+
flex-wrap: wrap;
|
|
22087
|
+
align-items: baseline;
|
|
22088
|
+
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
22089
|
+
grid-row-gap: 0;
|
|
21921
22090
|
}
|
|
21922
22091
|
|
|
21923
|
-
.pf-c-
|
|
21924
|
-
|
|
22092
|
+
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
|
|
22093
|
+
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
|
|
22094
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
|
|
22095
|
+
margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop);
|
|
21925
22096
|
}
|
|
21926
22097
|
|
|
21927
|
-
.pf-c-
|
|
21928
|
-
|
|
22098
|
+
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group,
|
|
22099
|
+
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group {
|
|
22100
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
22101
|
+
display: flex;
|
|
22102
|
+
flex-wrap: wrap;
|
|
22103
|
+
grid-row-gap: 0;
|
|
21929
22104
|
}
|
|
21930
22105
|
|
|
21931
|
-
.pf-c-
|
|
21932
|
-
|
|
22106
|
+
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group:last-child,
|
|
22107
|
+
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item:last-child,
|
|
22108
|
+
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child,
|
|
22109
|
+
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child {
|
|
22110
|
+
--pf-c-toolbar--spacer: 0;
|
|
21933
22111
|
}
|
|
21934
22112
|
|
|
21935
|
-
|
|
21936
|
-
|
|
21937
|
-
|
|
21938
|
-
}
|
|
22113
|
+
.pf-c-toolbar .pf-c-chip-group:last-child {
|
|
22114
|
+
--pf-c-chip-group--MarginRight: 0;
|
|
22115
|
+
}
|
|
21939
22116
|
|
|
21940
|
-
|
|
21941
|
-
|
|
21942
|
-
|
|
22117
|
+
.pf-c-toolbar .pf-c-chip-group li:last-child {
|
|
22118
|
+
--pf-c-chip-group__li--m-toolbar--MarginRight: 0;
|
|
22119
|
+
}
|
|
21943
22120
|
|
|
21944
|
-
|
|
21945
|
-
|
|
21946
|
-
|
|
22121
|
+
.pf-c-toolbar__toggle.pf-m-expanded .pf-c-button.pf-m-plain {
|
|
22122
|
+
color: var(--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
|
|
22123
|
+
}
|
|
21947
22124
|
|
|
21948
|
-
|
|
21949
|
-
|
|
21950
|
-
|
|
22125
|
+
.pf-m-toggle-group.pf-m-show {
|
|
22126
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
22127
|
+
}
|
|
21951
22128
|
|
|
21952
|
-
|
|
21953
|
-
|
|
21954
|
-
|
|
22129
|
+
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__group,
|
|
22130
|
+
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
|
|
22131
|
+
display: flex;
|
|
22132
|
+
flex: 0 1 auto;
|
|
22133
|
+
visibility: visible;
|
|
22134
|
+
}
|
|
21955
22135
|
|
|
21956
|
-
|
|
21957
|
-
|
|
22136
|
+
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
|
|
22137
|
+
display: none;
|
|
22138
|
+
visibility: hidden;
|
|
22139
|
+
}
|
|
22140
|
+
|
|
22141
|
+
@media (min-width: 576px) {
|
|
22142
|
+
.pf-m-toggle-group.pf-m-show-on-sm {
|
|
22143
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21958
22144
|
}
|
|
21959
22145
|
|
|
21960
|
-
.pf-
|
|
21961
|
-
|
|
22146
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
|
|
22147
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
22148
|
+
display: flex;
|
|
22149
|
+
flex: 0 1 auto;
|
|
22150
|
+
visibility: visible;
|
|
21962
22151
|
}
|
|
21963
22152
|
|
|
21964
|
-
.pf-
|
|
21965
|
-
|
|
22153
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
|
|
22154
|
+
display: none;
|
|
22155
|
+
visibility: hidden;
|
|
21966
22156
|
}
|
|
21967
22157
|
}
|
|
21968
22158
|
@media (min-width: 768px) {
|
|
21969
|
-
.pf-
|
|
21970
|
-
--pf-c-toolbar--spacer:
|
|
21971
|
-
}
|
|
21972
|
-
|
|
21973
|
-
.pf-c-toolbar .pf-m-spacer-none-on-md:last-child {
|
|
21974
|
-
--pf-c-toolbar--spacer: 0;
|
|
21975
|
-
}
|
|
21976
|
-
|
|
21977
|
-
.pf-c-toolbar .pf-m-spacer-sm-on-md {
|
|
21978
|
-
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22159
|
+
.pf-m-toggle-group.pf-m-show-on-md {
|
|
22160
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21979
22161
|
}
|
|
21980
22162
|
|
|
21981
|
-
.pf-
|
|
21982
|
-
|
|
22163
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
|
|
22164
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
22165
|
+
display: flex;
|
|
22166
|
+
flex: 0 1 auto;
|
|
22167
|
+
visibility: visible;
|
|
21983
22168
|
}
|
|
21984
22169
|
|
|
21985
|
-
.pf-
|
|
21986
|
-
|
|
22170
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
|
|
22171
|
+
display: none;
|
|
22172
|
+
visibility: hidden;
|
|
21987
22173
|
}
|
|
21988
|
-
|
|
21989
|
-
|
|
21990
|
-
|
|
22174
|
+
}
|
|
22175
|
+
@media (min-width: 992px) {
|
|
22176
|
+
.pf-m-toggle-group.pf-m-show-on-lg {
|
|
22177
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
21991
22178
|
}
|
|
21992
22179
|
|
|
21993
|
-
.pf-
|
|
21994
|
-
|
|
22180
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
|
|
22181
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
22182
|
+
display: flex;
|
|
22183
|
+
flex: 0 1 auto;
|
|
22184
|
+
visibility: visible;
|
|
21995
22185
|
}
|
|
21996
22186
|
|
|
21997
|
-
.pf-
|
|
21998
|
-
|
|
22187
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
|
|
22188
|
+
display: none;
|
|
22189
|
+
visibility: hidden;
|
|
21999
22190
|
}
|
|
22000
22191
|
}
|
|
22001
|
-
@media (min-width:
|
|
22002
|
-
.pf-
|
|
22003
|
-
--pf-c-toolbar--spacer:
|
|
22192
|
+
@media (min-width: 1200px) {
|
|
22193
|
+
.pf-m-toggle-group.pf-m-show-on-xl {
|
|
22194
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
22004
22195
|
}
|
|
22005
22196
|
|
|
22006
|
-
.pf-
|
|
22007
|
-
|
|
22197
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
|
|
22198
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
22199
|
+
display: flex;
|
|
22200
|
+
flex: 0 1 auto;
|
|
22201
|
+
visibility: visible;
|
|
22008
22202
|
}
|
|
22009
22203
|
|
|
22010
|
-
.pf-
|
|
22011
|
-
|
|
22204
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
|
|
22205
|
+
display: none;
|
|
22206
|
+
visibility: hidden;
|
|
22012
22207
|
}
|
|
22013
|
-
|
|
22014
|
-
|
|
22015
|
-
|
|
22208
|
+
}
|
|
22209
|
+
@media (min-width: 1450px) {
|
|
22210
|
+
.pf-m-toggle-group.pf-m-show-on-2xl {
|
|
22211
|
+
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
22016
22212
|
}
|
|
22017
22213
|
|
|
22018
|
-
.pf-
|
|
22019
|
-
|
|
22214
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
|
|
22215
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
22216
|
+
display: flex;
|
|
22217
|
+
flex: 0 1 auto;
|
|
22218
|
+
visibility: visible;
|
|
22020
22219
|
}
|
|
22021
22220
|
|
|
22022
|
-
.pf-
|
|
22023
|
-
|
|
22221
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
|
|
22222
|
+
display: none;
|
|
22223
|
+
visibility: hidden;
|
|
22024
22224
|
}
|
|
22225
|
+
}
|
|
22226
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right,
|
|
22227
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right {
|
|
22228
|
+
margin-left: auto;
|
|
22229
|
+
}
|
|
22025
22230
|
|
|
22026
|
-
|
|
22027
|
-
|
|
22028
|
-
|
|
22231
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
|
|
22232
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
|
|
22233
|
+
margin-left: 0;
|
|
22234
|
+
}
|
|
22029
22235
|
|
|
22030
|
-
|
|
22031
|
-
|
|
22032
|
-
|
|
22236
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left,
|
|
22237
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left {
|
|
22238
|
+
margin-left: 0;
|
|
22033
22239
|
}
|
|
22034
|
-
@media (min-width: 1200px) {
|
|
22035
|
-
.pf-c-toolbar .pf-m-spacer-none-on-xl {
|
|
22036
|
-
--pf-c-toolbar--spacer: 0;
|
|
22037
|
-
}
|
|
22038
22240
|
|
|
22039
|
-
|
|
22040
|
-
|
|
22041
|
-
|
|
22241
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
|
|
22242
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
|
|
22243
|
+
margin-left: auto;
|
|
22244
|
+
}
|
|
22042
22245
|
|
|
22043
|
-
|
|
22044
|
-
|
|
22045
|
-
|
|
22246
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap,
|
|
22247
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap {
|
|
22248
|
+
flex-wrap: nowrap;
|
|
22249
|
+
}
|
|
22046
22250
|
|
|
22047
|
-
|
|
22048
|
-
|
|
22049
|
-
|
|
22251
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap,
|
|
22252
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap {
|
|
22253
|
+
flex-wrap: wrap;
|
|
22254
|
+
}
|
|
22050
22255
|
|
|
22051
|
-
|
|
22052
|
-
|
|
22256
|
+
@media (min-width: 576px) {
|
|
22257
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
|
|
22258
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
22259
|
+
margin-left: auto;
|
|
22053
22260
|
}
|
|
22054
22261
|
|
|
22055
|
-
.pf-c-toolbar .pf-m-
|
|
22056
|
-
|
|
22262
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
|
|
22263
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
22264
|
+
margin-left: 0;
|
|
22057
22265
|
}
|
|
22058
22266
|
|
|
22059
|
-
.pf-c-toolbar .pf-m-
|
|
22060
|
-
|
|
22267
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
|
|
22268
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
22269
|
+
margin-left: 0;
|
|
22061
22270
|
}
|
|
22062
22271
|
|
|
22063
|
-
.pf-c-toolbar .pf-m-
|
|
22064
|
-
|
|
22065
|
-
|
|
22066
|
-
}
|
|
22067
|
-
@media (min-width: 1450px) {
|
|
22068
|
-
.pf-c-toolbar .pf-m-spacer-none-on-2xl {
|
|
22069
|
-
--pf-c-toolbar--spacer: 0;
|
|
22272
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
22273
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
22274
|
+
margin-left: auto;
|
|
22070
22275
|
}
|
|
22071
22276
|
|
|
22072
|
-
.pf-c-toolbar .pf-m-
|
|
22073
|
-
|
|
22277
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
|
|
22278
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
22279
|
+
flex-wrap: nowrap;
|
|
22074
22280
|
}
|
|
22075
22281
|
|
|
22076
|
-
.pf-c-toolbar .pf-m-
|
|
22077
|
-
|
|
22282
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
|
|
22283
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
22284
|
+
flex-wrap: wrap;
|
|
22078
22285
|
}
|
|
22079
|
-
|
|
22080
|
-
|
|
22081
|
-
|
|
22286
|
+
}
|
|
22287
|
+
@media (min-width: 768px) {
|
|
22288
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
|
|
22289
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
22290
|
+
margin-left: auto;
|
|
22082
22291
|
}
|
|
22083
22292
|
|
|
22084
|
-
.pf-c-toolbar .pf-m-
|
|
22085
|
-
|
|
22293
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
|
|
22294
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
22295
|
+
margin-left: 0;
|
|
22086
22296
|
}
|
|
22087
22297
|
|
|
22088
|
-
.pf-c-toolbar .pf-m-
|
|
22089
|
-
|
|
22298
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
|
|
22299
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
22300
|
+
margin-left: 0;
|
|
22090
22301
|
}
|
|
22091
22302
|
|
|
22092
|
-
.pf-c-toolbar .pf-m-
|
|
22093
|
-
|
|
22303
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
|
|
22304
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
22305
|
+
margin-left: auto;
|
|
22094
22306
|
}
|
|
22095
22307
|
|
|
22096
|
-
.pf-c-toolbar .pf-m-
|
|
22097
|
-
|
|
22308
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
|
|
22309
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
22310
|
+
flex-wrap: nowrap;
|
|
22098
22311
|
}
|
|
22099
|
-
}
|
|
22100
|
-
.pf-c-toolbar.pf-m-inset-none {
|
|
22101
|
-
--pf-c-toolbar--inset: 0;
|
|
22102
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22103
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22104
|
-
}
|
|
22105
|
-
|
|
22106
|
-
.pf-c-toolbar.pf-m-inset-sm {
|
|
22107
|
-
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22108
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22109
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22110
|
-
}
|
|
22111
|
-
|
|
22112
|
-
.pf-c-toolbar.pf-m-inset-md {
|
|
22113
|
-
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22114
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22115
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22116
|
-
}
|
|
22117
|
-
|
|
22118
|
-
.pf-c-toolbar.pf-m-inset-lg {
|
|
22119
|
-
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22120
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22121
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22122
|
-
}
|
|
22123
|
-
|
|
22124
|
-
.pf-c-toolbar.pf-m-inset-xl {
|
|
22125
|
-
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22126
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22127
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22128
|
-
}
|
|
22129
22312
|
|
|
22130
|
-
.pf-c-toolbar.pf-m-
|
|
22131
|
-
|
|
22132
|
-
|
|
22133
|
-
|
|
22313
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
|
|
22314
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
22315
|
+
flex-wrap: wrap;
|
|
22316
|
+
}
|
|
22134
22317
|
}
|
|
22135
|
-
|
|
22136
|
-
|
|
22137
|
-
|
|
22138
|
-
|
|
22139
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22140
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22318
|
+
@media (min-width: 992px) {
|
|
22319
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
|
|
22320
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
22321
|
+
margin-left: auto;
|
|
22141
22322
|
}
|
|
22142
22323
|
|
|
22143
|
-
.pf-c-toolbar.pf-m-
|
|
22144
|
-
|
|
22145
|
-
|
|
22146
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22324
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
22325
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
22326
|
+
margin-left: 0;
|
|
22147
22327
|
}
|
|
22148
22328
|
|
|
22149
|
-
.pf-c-toolbar.pf-m-
|
|
22150
|
-
|
|
22151
|
-
|
|
22152
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22329
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
|
|
22330
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
22331
|
+
margin-left: 0;
|
|
22153
22332
|
}
|
|
22154
22333
|
|
|
22155
|
-
.pf-c-toolbar.pf-m-
|
|
22156
|
-
|
|
22157
|
-
|
|
22158
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22334
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
|
|
22335
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
22336
|
+
margin-left: auto;
|
|
22159
22337
|
}
|
|
22160
22338
|
|
|
22161
|
-
.pf-c-toolbar.pf-m-
|
|
22162
|
-
|
|
22163
|
-
|
|
22164
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22339
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
|
|
22340
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
22341
|
+
flex-wrap: nowrap;
|
|
22165
22342
|
}
|
|
22166
22343
|
|
|
22167
|
-
.pf-c-toolbar.pf-m-
|
|
22168
|
-
|
|
22169
|
-
|
|
22170
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22344
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
|
|
22345
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
22346
|
+
flex-wrap: wrap;
|
|
22171
22347
|
}
|
|
22172
22348
|
}
|
|
22173
|
-
@media (min-width:
|
|
22174
|
-
.pf-c-toolbar.pf-m-
|
|
22175
|
-
|
|
22176
|
-
|
|
22177
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22349
|
+
@media (min-width: 1200px) {
|
|
22350
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
22351
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
22352
|
+
margin-left: auto;
|
|
22178
22353
|
}
|
|
22179
22354
|
|
|
22180
|
-
.pf-c-toolbar.pf-m-
|
|
22181
|
-
|
|
22182
|
-
|
|
22183
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22355
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
|
|
22356
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
22357
|
+
margin-left: 0;
|
|
22184
22358
|
}
|
|
22185
22359
|
|
|
22186
|
-
.pf-c-toolbar.pf-m-
|
|
22187
|
-
|
|
22188
|
-
|
|
22189
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22360
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
|
|
22361
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
22362
|
+
margin-left: 0;
|
|
22190
22363
|
}
|
|
22191
22364
|
|
|
22192
|
-
.pf-c-toolbar.pf-m-
|
|
22193
|
-
|
|
22194
|
-
|
|
22195
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22365
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
|
|
22366
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
22367
|
+
margin-left: auto;
|
|
22196
22368
|
}
|
|
22197
22369
|
|
|
22198
|
-
.pf-c-toolbar.pf-m-
|
|
22199
|
-
|
|
22200
|
-
|
|
22201
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22370
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
|
|
22371
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
22372
|
+
flex-wrap: nowrap;
|
|
22202
22373
|
}
|
|
22203
22374
|
|
|
22204
|
-
.pf-c-toolbar.pf-m-
|
|
22205
|
-
|
|
22206
|
-
|
|
22207
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22375
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
|
|
22376
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
22377
|
+
flex-wrap: wrap;
|
|
22208
22378
|
}
|
|
22209
22379
|
}
|
|
22210
|
-
@media (min-width:
|
|
22211
|
-
.pf-c-toolbar.pf-m-
|
|
22212
|
-
|
|
22213
|
-
|
|
22214
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22380
|
+
@media (min-width: 1450px) {
|
|
22381
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
22382
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
22383
|
+
margin-left: auto;
|
|
22215
22384
|
}
|
|
22216
22385
|
|
|
22217
|
-
.pf-c-toolbar.pf-m-
|
|
22218
|
-
|
|
22219
|
-
|
|
22220
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22386
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
|
|
22387
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
22388
|
+
margin-left: 0;
|
|
22221
22389
|
}
|
|
22222
22390
|
|
|
22223
|
-
.pf-c-toolbar.pf-m-
|
|
22224
|
-
|
|
22225
|
-
|
|
22226
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22391
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
|
|
22392
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
22393
|
+
margin-left: 0;
|
|
22227
22394
|
}
|
|
22228
22395
|
|
|
22229
|
-
.pf-c-toolbar.pf-m-
|
|
22230
|
-
|
|
22231
|
-
|
|
22232
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22396
|
+
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
|
|
22397
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
22398
|
+
margin-left: auto;
|
|
22233
22399
|
}
|
|
22234
22400
|
|
|
22235
|
-
.pf-c-toolbar.pf-m-
|
|
22236
|
-
|
|
22237
|
-
|
|
22238
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22401
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
22402
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
22403
|
+
flex-wrap: nowrap;
|
|
22239
22404
|
}
|
|
22240
22405
|
|
|
22241
|
-
.pf-c-toolbar.pf-m-
|
|
22242
|
-
|
|
22243
|
-
|
|
22244
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22406
|
+
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
22407
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
22408
|
+
flex-wrap: wrap;
|
|
22245
22409
|
}
|
|
22246
22410
|
}
|
|
22247
|
-
|
|
22248
|
-
|
|
22249
|
-
|
|
22250
|
-
|
|
22251
|
-
|
|
22411
|
+
.pf-c-toolbar .pf-m-space-items-none > * {
|
|
22412
|
+
--pf-c-toolbar--spacer: 0;
|
|
22413
|
+
}
|
|
22414
|
+
|
|
22415
|
+
.pf-c-toolbar .pf-m-space-items-none > :last-child {
|
|
22416
|
+
--pf-c-toolbar--spacer: 0;
|
|
22417
|
+
}
|
|
22418
|
+
|
|
22419
|
+
.pf-c-toolbar .pf-m-space-items-sm > * {
|
|
22420
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22421
|
+
}
|
|
22422
|
+
|
|
22423
|
+
.pf-c-toolbar .pf-m-space-items-sm > :last-child {
|
|
22424
|
+
--pf-c-toolbar--spacer: 0;
|
|
22425
|
+
}
|
|
22426
|
+
|
|
22427
|
+
.pf-c-toolbar .pf-m-space-items-md > * {
|
|
22428
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22429
|
+
}
|
|
22430
|
+
|
|
22431
|
+
.pf-c-toolbar .pf-m-space-items-md > :last-child {
|
|
22432
|
+
--pf-c-toolbar--spacer: 0;
|
|
22433
|
+
}
|
|
22434
|
+
|
|
22435
|
+
.pf-c-toolbar .pf-m-space-items-lg > * {
|
|
22436
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22437
|
+
}
|
|
22438
|
+
|
|
22439
|
+
.pf-c-toolbar .pf-m-space-items-lg > :last-child {
|
|
22440
|
+
--pf-c-toolbar--spacer: 0;
|
|
22441
|
+
}
|
|
22442
|
+
|
|
22443
|
+
@media (min-width: 576px) {
|
|
22444
|
+
.pf-c-toolbar .pf-m-space-items-none-on-sm > * {
|
|
22445
|
+
--pf-c-toolbar--spacer: 0;
|
|
22252
22446
|
}
|
|
22253
22447
|
|
|
22254
|
-
.pf-c-toolbar.pf-m-
|
|
22255
|
-
--pf-c-toolbar--
|
|
22256
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22257
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22448
|
+
.pf-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
|
|
22449
|
+
--pf-c-toolbar--spacer: 0;
|
|
22258
22450
|
}
|
|
22259
22451
|
|
|
22260
|
-
.pf-c-toolbar.pf-m-
|
|
22261
|
-
--pf-c-toolbar--
|
|
22262
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22263
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22452
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-sm > * {
|
|
22453
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22264
22454
|
}
|
|
22265
22455
|
|
|
22266
|
-
.pf-c-toolbar.pf-m-
|
|
22267
|
-
--pf-c-toolbar--
|
|
22268
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22269
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22456
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
|
|
22457
|
+
--pf-c-toolbar--spacer: 0;
|
|
22270
22458
|
}
|
|
22271
22459
|
|
|
22272
|
-
.pf-c-toolbar.pf-m-
|
|
22273
|
-
--pf-c-toolbar--
|
|
22274
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22275
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22460
|
+
.pf-c-toolbar .pf-m-space-items-md-on-sm > * {
|
|
22461
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22276
22462
|
}
|
|
22277
22463
|
|
|
22278
|
-
.pf-c-toolbar.pf-m-
|
|
22279
|
-
--pf-c-toolbar--
|
|
22280
|
-
|
|
22281
|
-
|
|
22464
|
+
.pf-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
|
|
22465
|
+
--pf-c-toolbar--spacer: 0;
|
|
22466
|
+
}
|
|
22467
|
+
|
|
22468
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-sm > * {
|
|
22469
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22470
|
+
}
|
|
22471
|
+
|
|
22472
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
|
|
22473
|
+
--pf-c-toolbar--spacer: 0;
|
|
22282
22474
|
}
|
|
22283
22475
|
}
|
|
22284
|
-
@media (min-width:
|
|
22285
|
-
.pf-c-toolbar.pf-m-
|
|
22286
|
-
--pf-c-toolbar--
|
|
22287
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22288
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22476
|
+
@media (min-width: 768px) {
|
|
22477
|
+
.pf-c-toolbar .pf-m-space-items-none-on-md > * {
|
|
22478
|
+
--pf-c-toolbar--spacer: 0;
|
|
22289
22479
|
}
|
|
22290
22480
|
|
|
22291
|
-
.pf-c-toolbar.pf-m-
|
|
22292
|
-
--pf-c-toolbar--
|
|
22293
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22294
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22481
|
+
.pf-c-toolbar .pf-m-space-items-none-on-md > :last-child {
|
|
22482
|
+
--pf-c-toolbar--spacer: 0;
|
|
22295
22483
|
}
|
|
22296
22484
|
|
|
22297
|
-
.pf-c-toolbar.pf-m-
|
|
22298
|
-
--pf-c-toolbar--
|
|
22299
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22300
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22485
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-md > * {
|
|
22486
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22301
22487
|
}
|
|
22302
22488
|
|
|
22303
|
-
.pf-c-toolbar.pf-m-
|
|
22304
|
-
--pf-c-toolbar--
|
|
22305
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22306
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22489
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
|
|
22490
|
+
--pf-c-toolbar--spacer: 0;
|
|
22307
22491
|
}
|
|
22308
22492
|
|
|
22309
|
-
.pf-c-toolbar.pf-m-
|
|
22310
|
-
--pf-c-toolbar--
|
|
22311
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22312
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22493
|
+
.pf-c-toolbar .pf-m-space-items-md-on-md > * {
|
|
22494
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22313
22495
|
}
|
|
22314
22496
|
|
|
22315
|
-
.pf-c-toolbar.pf-m-
|
|
22316
|
-
--pf-c-toolbar--
|
|
22317
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22318
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22497
|
+
.pf-c-toolbar .pf-m-space-items-md-on-md > :last-child {
|
|
22498
|
+
--pf-c-toolbar--spacer: 0;
|
|
22319
22499
|
}
|
|
22320
|
-
}
|
|
22321
|
-
.pf-c-toolbar__content-section > :last-child {
|
|
22322
|
-
--pf-c-toolbar--spacer: 0;
|
|
22323
|
-
}
|
|
22324
22500
|
|
|
22325
|
-
.pf-c-
|
|
22326
|
-
|
|
22327
|
-
|
|
22328
|
-
--pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
|
|
22329
|
-
--pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
|
|
22330
|
-
--pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
|
|
22331
|
-
--pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
|
|
22332
|
-
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
22333
|
-
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
22334
|
-
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
22335
|
-
--pf-c-tooltip__arrow--Width: 0.5rem;
|
|
22336
|
-
--pf-c-tooltip__arrow--Height: 0.5rem;
|
|
22337
|
-
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
22338
|
-
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
22339
|
-
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
22340
|
-
--pf-c-tooltip__arrow--m-right--TranslateX: -50%;
|
|
22341
|
-
--pf-c-tooltip__arrow--m-right--TranslateY: -50%;
|
|
22342
|
-
--pf-c-tooltip__arrow--m-right--Rotate: 45deg;
|
|
22343
|
-
--pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
|
|
22344
|
-
--pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
|
|
22345
|
-
--pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
|
|
22346
|
-
--pf-c-tooltip__arrow--m-left--TranslateX: 50%;
|
|
22347
|
-
--pf-c-tooltip__arrow--m-left--TranslateY: -50%;
|
|
22348
|
-
--pf-c-tooltip__arrow--m-left--Rotate: 45deg;
|
|
22349
|
-
position: relative;
|
|
22350
|
-
max-width: var(--pf-c-tooltip--MaxWidth);
|
|
22351
|
-
box-shadow: var(--pf-c-tooltip--BoxShadow);
|
|
22352
|
-
}
|
|
22501
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-md > * {
|
|
22502
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22503
|
+
}
|
|
22353
22504
|
|
|
22354
|
-
.pf-c-
|
|
22355
|
-
|
|
22356
|
-
|
|
22357
|
-
transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
|
|
22505
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
|
|
22506
|
+
--pf-c-toolbar--spacer: 0;
|
|
22507
|
+
}
|
|
22358
22508
|
}
|
|
22509
|
+
@media (min-width: 992px) {
|
|
22510
|
+
.pf-c-toolbar .pf-m-space-items-none-on-lg > * {
|
|
22511
|
+
--pf-c-toolbar--spacer: 0;
|
|
22512
|
+
}
|
|
22359
22513
|
|
|
22360
|
-
.pf-c-
|
|
22361
|
-
|
|
22362
|
-
|
|
22363
|
-
transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
|
|
22364
|
-
}
|
|
22514
|
+
.pf-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
|
|
22515
|
+
--pf-c-toolbar--spacer: 0;
|
|
22516
|
+
}
|
|
22365
22517
|
|
|
22366
|
-
.pf-c-
|
|
22367
|
-
|
|
22368
|
-
|
|
22369
|
-
transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
|
|
22370
|
-
}
|
|
22518
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-lg > * {
|
|
22519
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22520
|
+
}
|
|
22371
22521
|
|
|
22372
|
-
.pf-c-
|
|
22373
|
-
|
|
22374
|
-
|
|
22375
|
-
transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
|
|
22376
|
-
}
|
|
22522
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
|
|
22523
|
+
--pf-c-toolbar--spacer: 0;
|
|
22524
|
+
}
|
|
22377
22525
|
|
|
22378
|
-
.pf-c-
|
|
22379
|
-
|
|
22380
|
-
}
|
|
22526
|
+
.pf-c-toolbar .pf-m-space-items-md-on-lg > * {
|
|
22527
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22528
|
+
}
|
|
22381
22529
|
|
|
22382
|
-
.pf-c-
|
|
22383
|
-
|
|
22384
|
-
|
|
22385
|
-
}
|
|
22530
|
+
.pf-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
|
|
22531
|
+
--pf-c-toolbar--spacer: 0;
|
|
22532
|
+
}
|
|
22386
22533
|
|
|
22387
|
-
.pf-c-
|
|
22388
|
-
|
|
22389
|
-
}
|
|
22534
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-lg > * {
|
|
22535
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22536
|
+
}
|
|
22390
22537
|
|
|
22391
|
-
.pf-c-
|
|
22392
|
-
|
|
22393
|
-
|
|
22538
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
|
|
22539
|
+
--pf-c-toolbar--spacer: 0;
|
|
22540
|
+
}
|
|
22394
22541
|
}
|
|
22542
|
+
@media (min-width: 1200px) {
|
|
22543
|
+
.pf-c-toolbar .pf-m-space-items-none-on-xl > * {
|
|
22544
|
+
--pf-c-toolbar--spacer: 0;
|
|
22545
|
+
}
|
|
22395
22546
|
|
|
22396
|
-
.pf-c-
|
|
22397
|
-
|
|
22398
|
-
|
|
22399
|
-
font-size: var(--pf-c-tooltip__content--FontSize);
|
|
22400
|
-
color: var(--pf-c-tooltip__content--Color);
|
|
22401
|
-
text-align: center;
|
|
22402
|
-
word-break: break-word;
|
|
22403
|
-
background-color: var(--pf-c-tooltip__content--BackgroundColor);
|
|
22404
|
-
}
|
|
22547
|
+
.pf-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
|
|
22548
|
+
--pf-c-toolbar--spacer: 0;
|
|
22549
|
+
}
|
|
22405
22550
|
|
|
22406
|
-
.pf-c-
|
|
22407
|
-
|
|
22408
|
-
}
|
|
22551
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-xl > * {
|
|
22552
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22553
|
+
}
|
|
22409
22554
|
|
|
22410
|
-
.pf-c-
|
|
22411
|
-
|
|
22412
|
-
|
|
22413
|
-
height: var(--pf-c-tooltip__arrow--Height);
|
|
22414
|
-
pointer-events: none;
|
|
22415
|
-
background-color: var(--pf-c-tooltip__content--BackgroundColor);
|
|
22416
|
-
}
|
|
22555
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
|
|
22556
|
+
--pf-c-toolbar--spacer: 0;
|
|
22557
|
+
}
|
|
22417
22558
|
|
|
22418
|
-
|
|
22419
|
-
|
|
22420
|
-
|
|
22421
|
-
}
|
|
22559
|
+
.pf-c-toolbar .pf-m-space-items-md-on-xl > * {
|
|
22560
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22561
|
+
}
|
|
22422
22562
|
|
|
22423
|
-
|
|
22424
|
-
|
|
22425
|
-
|
|
22426
|
-
}
|
|
22563
|
+
.pf-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
|
|
22564
|
+
--pf-c-toolbar--spacer: 0;
|
|
22565
|
+
}
|
|
22427
22566
|
|
|
22428
|
-
|
|
22429
|
-
|
|
22430
|
-
|
|
22431
|
-
}
|
|
22567
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-xl > * {
|
|
22568
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22569
|
+
}
|
|
22432
22570
|
|
|
22433
|
-
.pf-c-
|
|
22434
|
-
|
|
22571
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
|
|
22572
|
+
--pf-c-toolbar--spacer: 0;
|
|
22573
|
+
}
|
|
22435
22574
|
}
|
|
22575
|
+
@media (min-width: 1450px) {
|
|
22576
|
+
.pf-c-toolbar .pf-m-space-items-none-on-2xl > * {
|
|
22577
|
+
--pf-c-toolbar--spacer: 0;
|
|
22578
|
+
}
|
|
22436
22579
|
|
|
22437
|
-
.pf-c-
|
|
22438
|
-
|
|
22439
|
-
|
|
22440
|
-
}
|
|
22580
|
+
.pf-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
|
|
22581
|
+
--pf-c-toolbar--spacer: 0;
|
|
22582
|
+
}
|
|
22441
22583
|
|
|
22442
|
-
.pf-c-
|
|
22443
|
-
|
|
22444
|
-
|
|
22445
|
-
--pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
|
|
22446
|
-
--pf-c-number-input--c-form-control--width-icon: 0px;
|
|
22447
|
-
--pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
|
|
22448
|
-
--pf-c-number-input--c-form-control--width-chars: 4;
|
|
22449
|
-
--pf-c-number-input--c-form-control--Width:
|
|
22450
|
-
calc(
|
|
22451
|
-
calc(
|
|
22452
|
-
var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
|
|
22453
|
-
) + var(--pf-c-number-input--c-form-control--width-icon)
|
|
22454
|
-
);
|
|
22455
|
-
display: inline-flex;
|
|
22456
|
-
align-items: center;
|
|
22457
|
-
}
|
|
22584
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-2xl > * {
|
|
22585
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22586
|
+
}
|
|
22458
22587
|
|
|
22459
|
-
.pf-c-
|
|
22460
|
-
|
|
22461
|
-
}
|
|
22588
|
+
.pf-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
|
|
22589
|
+
--pf-c-toolbar--spacer: 0;
|
|
22590
|
+
}
|
|
22462
22591
|
|
|
22463
|
-
.pf-c-
|
|
22464
|
-
|
|
22465
|
-
|
|
22466
|
-
text-align: right;
|
|
22467
|
-
}
|
|
22592
|
+
.pf-c-toolbar .pf-m-space-items-md-on-2xl > * {
|
|
22593
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22594
|
+
}
|
|
22468
22595
|
|
|
22469
|
-
.pf-c-
|
|
22470
|
-
|
|
22471
|
-
|
|
22472
|
-
}
|
|
22596
|
+
.pf-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
|
|
22597
|
+
--pf-c-toolbar--spacer: 0;
|
|
22598
|
+
}
|
|
22473
22599
|
|
|
22474
|
-
.pf-c-
|
|
22475
|
-
|
|
22476
|
-
|
|
22477
|
-
}
|
|
22600
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-2xl > * {
|
|
22601
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22602
|
+
}
|
|
22478
22603
|
|
|
22479
|
-
.pf-c-
|
|
22480
|
-
|
|
22481
|
-
|
|
22482
|
-
--pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
|
|
22483
|
-
--pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
|
|
22484
|
-
--pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
|
|
22485
|
-
--pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
22486
|
-
--pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
|
|
22487
|
-
--pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
|
|
22488
|
-
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
|
|
22489
|
-
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
22490
|
-
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
22491
|
-
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
22492
|
-
--pf-c-tree-view__node-container--Display: contents;
|
|
22493
|
-
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
22494
|
-
--pf-c-tree-view__node-content--Overflow: visible;
|
|
22495
|
-
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
22496
|
-
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
|
|
22497
|
-
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
22498
|
-
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
22499
|
-
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
22500
|
-
--pf-c-tree-view__node-toggle--Position: absolute;
|
|
22501
|
-
--pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
|
|
22502
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
22503
|
-
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
22504
|
-
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
22505
|
-
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
22506
|
-
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
22507
|
-
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
22508
|
-
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
22509
|
-
--pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
22510
|
-
--pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
|
|
22511
|
-
--pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
22512
|
-
--pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
22513
|
-
--pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
22514
|
-
--pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
22515
|
-
--pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
|
|
22516
|
-
--pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
|
|
22517
|
-
--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
22518
|
-
--pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
|
|
22519
|
-
--pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
|
|
22520
|
-
--pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
|
|
22521
|
-
--pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
|
|
22522
|
-
--pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
|
|
22523
|
-
--pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
|
|
22524
|
-
--pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
22525
|
-
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
|
|
22526
|
-
--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
22527
|
-
--pf-c-tree-view__node-text--max-lines: 1;
|
|
22528
|
-
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
22529
|
-
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
22530
|
-
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
22531
|
-
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
22532
|
-
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
22533
|
-
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
22534
|
-
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
22535
|
-
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
22536
|
-
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
22537
|
-
--pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
|
|
22538
|
-
--pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2);
|
|
22539
|
-
--pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
|
|
22540
|
-
--pf-c-tree-view--m-guides__list-item--before--Top: 0;
|
|
22541
|
-
--pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
|
|
22542
|
-
--pf-c-tree-view--m-guides__list-item--before--Height: 100%;
|
|
22543
|
-
--pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
|
|
22544
|
-
--pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
|
|
22545
|
-
--pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
|
|
22546
|
-
--pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
|
|
22547
|
-
--pf-c-tree-view--m-guides__node--before--Width: 1rem;
|
|
22548
|
-
--pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
|
|
22549
|
-
--pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
|
|
22550
|
-
--pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
|
|
22551
|
-
--pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
|
|
22552
|
-
--pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22553
|
-
--pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
|
|
22554
|
-
--pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
|
|
22555
|
-
--pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
|
|
22556
|
-
--pf-c-tree-view--m-compact__node--PaddingTop: 0;
|
|
22557
|
-
--pf-c-tree-view--m-compact__node--PaddingBottom: 0;
|
|
22558
|
-
--pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
|
|
22559
|
-
--pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
|
|
22560
|
-
--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
|
|
22561
|
-
--pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
22562
|
-
--pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
22563
|
-
--pf-c-tree-view--m-compact__list-item--before--Top: 0;
|
|
22564
|
-
--pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
|
|
22565
|
-
--pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base) * -1);
|
|
22566
|
-
--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
|
|
22567
|
-
--pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
|
|
22568
|
-
--pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
|
|
22569
|
-
--pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
|
|
22570
|
-
--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
|
|
22571
|
-
--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
|
|
22572
|
-
--pf-c-tree-view--m-compact__node-container--Display: flex;
|
|
22573
|
-
--pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
|
|
22574
|
-
--pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
|
|
22575
|
-
--pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
|
|
22576
|
-
--pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
|
|
22577
|
-
--pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
|
|
22578
|
-
--pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
|
|
22579
|
-
--pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
|
|
22580
|
-
--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
|
|
22581
|
-
--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
|
|
22582
|
-
--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
22583
|
-
--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
|
|
22584
|
-
--pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
22585
|
-
--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
|
|
22586
|
-
--pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22587
|
-
--pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
|
|
22588
|
-
--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
|
|
22589
|
-
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
|
|
22590
|
-
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
|
|
22591
|
-
--pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
|
|
22592
|
-
padding-top: var(--pf-c-tree-view--PaddingTop);
|
|
22593
|
-
padding-bottom: var(--pf-c-tree-view--PaddingBottom);
|
|
22604
|
+
.pf-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
|
|
22605
|
+
--pf-c-toolbar--spacer: 0;
|
|
22606
|
+
}
|
|
22594
22607
|
}
|
|
22595
|
-
|
|
22596
|
-
|
|
22597
|
-
position: relative;
|
|
22608
|
+
.pf-c-toolbar .pf-m-spacer-none {
|
|
22609
|
+
--pf-c-toolbar--spacer: 0;
|
|
22598
22610
|
}
|
|
22599
22611
|
|
|
22600
|
-
.pf-c-
|
|
22601
|
-
|
|
22602
|
-
.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
|
|
22603
|
-
position: absolute;
|
|
22604
|
-
left: var(--pf-c-tree-view--m-guides--guide--Left);
|
|
22605
|
-
content: "";
|
|
22612
|
+
.pf-c-toolbar .pf-m-spacer-none:last-child {
|
|
22613
|
+
--pf-c-toolbar--spacer: 0;
|
|
22606
22614
|
}
|
|
22607
22615
|
|
|
22608
|
-
.pf-c-
|
|
22609
|
-
|
|
22610
|
-
z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
|
|
22611
|
-
width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
|
|
22612
|
-
height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
|
|
22613
|
-
background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
|
|
22616
|
+
.pf-c-toolbar .pf-m-spacer-sm {
|
|
22617
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22614
22618
|
}
|
|
22615
22619
|
|
|
22616
|
-
.pf-c-
|
|
22617
|
-
|
|
22618
|
-
width: var(--pf-c-tree-view--m-guides__node--before--Width);
|
|
22619
|
-
height: var(--pf-c-tree-view--m-guides__node--before--Height);
|
|
22620
|
-
background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor);
|
|
22620
|
+
.pf-c-toolbar .pf-m-spacer-sm:last-child {
|
|
22621
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22621
22622
|
}
|
|
22622
22623
|
|
|
22623
|
-
.pf-c-
|
|
22624
|
-
|
|
22624
|
+
.pf-c-toolbar .pf-m-spacer-md {
|
|
22625
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22625
22626
|
}
|
|
22626
22627
|
|
|
22627
|
-
.pf-c-
|
|
22628
|
-
--pf-c-
|
|
22628
|
+
.pf-c-toolbar .pf-m-spacer-md:last-child {
|
|
22629
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22629
22630
|
}
|
|
22630
22631
|
|
|
22631
|
-
.pf-c-
|
|
22632
|
-
--pf-c-
|
|
22632
|
+
.pf-c-toolbar .pf-m-spacer-lg {
|
|
22633
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22633
22634
|
}
|
|
22634
22635
|
|
|
22635
|
-
.pf-c-
|
|
22636
|
-
--pf-c-
|
|
22637
|
-
--pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--PaddingBottom);
|
|
22638
|
-
--pf-c-tree-view__node-container--Display: var(--pf-c-tree-view--m-compact__node-container--Display);
|
|
22639
|
-
--pf-c-tree-view__node--hover--BackgroundColor: transparent;
|
|
22640
|
-
--pf-c-tree-view__node--focus--BackgroundColor: transparent;
|
|
22641
|
-
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
|
|
22636
|
+
.pf-c-toolbar .pf-m-spacer-lg:last-child {
|
|
22637
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22642
22638
|
}
|
|
22643
22639
|
|
|
22644
|
-
|
|
22645
|
-
|
|
22646
|
-
|
|
22640
|
+
@media (min-width: 576px) {
|
|
22641
|
+
.pf-c-toolbar .pf-m-spacer-none-on-sm {
|
|
22642
|
+
--pf-c-toolbar--spacer: 0;
|
|
22643
|
+
}
|
|
22647
22644
|
|
|
22648
|
-
.pf-c-
|
|
22649
|
-
|
|
22650
|
-
}
|
|
22645
|
+
.pf-c-toolbar .pf-m-spacer-none-on-sm:last-child {
|
|
22646
|
+
--pf-c-toolbar--spacer: 0;
|
|
22647
|
+
}
|
|
22651
22648
|
|
|
22652
|
-
.pf-c-
|
|
22653
|
-
|
|
22654
|
-
|
|
22655
|
-
--pf-c-tree-view__node-toggle--Position: static;
|
|
22656
|
-
--pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft);
|
|
22657
|
-
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
|
|
22658
|
-
--pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
|
|
22659
|
-
--pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
|
|
22660
|
-
}
|
|
22649
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-sm {
|
|
22650
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22651
|
+
}
|
|
22661
22652
|
|
|
22662
|
-
.pf-c-
|
|
22663
|
-
|
|
22664
|
-
|
|
22665
|
-
}
|
|
22653
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
|
|
22654
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22655
|
+
}
|
|
22666
22656
|
|
|
22667
|
-
.pf-c-
|
|
22668
|
-
|
|
22669
|
-
}
|
|
22657
|
+
.pf-c-toolbar .pf-m-spacer-md-on-sm {
|
|
22658
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22659
|
+
}
|
|
22670
22660
|
|
|
22671
|
-
.pf-c-
|
|
22672
|
-
|
|
22673
|
-
}
|
|
22661
|
+
.pf-c-toolbar .pf-m-spacer-md-on-sm:last-child {
|
|
22662
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22663
|
+
}
|
|
22674
22664
|
|
|
22675
|
-
.pf-c-
|
|
22676
|
-
|
|
22677
|
-
}
|
|
22665
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-sm {
|
|
22666
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22667
|
+
}
|
|
22678
22668
|
|
|
22679
|
-
.pf-c-
|
|
22680
|
-
|
|
22681
|
-
|
|
22682
|
-
--pf-c-tree-view--m-compact__list-item--before--Top: var(--pf-c-tree-view--m-compact__list-item--nested--before--Top);
|
|
22683
|
-
--pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
|
|
22669
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
|
|
22670
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22671
|
+
}
|
|
22684
22672
|
}
|
|
22673
|
+
@media (min-width: 768px) {
|
|
22674
|
+
.pf-c-toolbar .pf-m-spacer-none-on-md {
|
|
22675
|
+
--pf-c-toolbar--spacer: 0;
|
|
22676
|
+
}
|
|
22685
22677
|
|
|
22686
|
-
.pf-c-
|
|
22687
|
-
|
|
22688
|
-
|
|
22689
|
-
}
|
|
22678
|
+
.pf-c-toolbar .pf-m-spacer-none-on-md:last-child {
|
|
22679
|
+
--pf-c-toolbar--spacer: 0;
|
|
22680
|
+
}
|
|
22690
22681
|
|
|
22691
|
-
.pf-c-
|
|
22692
|
-
|
|
22693
|
-
|
|
22694
|
-
}
|
|
22682
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-md {
|
|
22683
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22684
|
+
}
|
|
22695
22685
|
|
|
22696
|
-
.pf-c-
|
|
22697
|
-
|
|
22698
|
-
}
|
|
22686
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-md:last-child {
|
|
22687
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22688
|
+
}
|
|
22699
22689
|
|
|
22700
|
-
.pf-c-
|
|
22701
|
-
|
|
22702
|
-
|
|
22703
|
-
}
|
|
22690
|
+
.pf-c-toolbar .pf-m-spacer-md-on-md {
|
|
22691
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22692
|
+
}
|
|
22704
22693
|
|
|
22705
|
-
.pf-c-
|
|
22706
|
-
|
|
22707
|
-
}
|
|
22694
|
+
.pf-c-toolbar .pf-m-spacer-md-on-md:last-child {
|
|
22695
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22696
|
+
}
|
|
22708
22697
|
|
|
22709
|
-
.pf-c-
|
|
22710
|
-
|
|
22711
|
-
|
|
22712
|
-
}
|
|
22698
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-md {
|
|
22699
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22700
|
+
}
|
|
22713
22701
|
|
|
22714
|
-
.pf-c-
|
|
22715
|
-
|
|
22716
|
-
|
|
22702
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-md:last-child {
|
|
22703
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22704
|
+
}
|
|
22717
22705
|
}
|
|
22706
|
+
@media (min-width: 992px) {
|
|
22707
|
+
.pf-c-toolbar .pf-m-spacer-none-on-lg {
|
|
22708
|
+
--pf-c-toolbar--spacer: 0;
|
|
22709
|
+
}
|
|
22718
22710
|
|
|
22719
|
-
.pf-c-
|
|
22720
|
-
|
|
22721
|
-
}
|
|
22711
|
+
.pf-c-toolbar .pf-m-spacer-none-on-lg:last-child {
|
|
22712
|
+
--pf-c-toolbar--spacer: 0;
|
|
22713
|
+
}
|
|
22722
22714
|
|
|
22723
|
-
.pf-c-
|
|
22724
|
-
|
|
22725
|
-
|
|
22726
|
-
text-align: center;
|
|
22727
|
-
transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
|
|
22728
|
-
transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate));
|
|
22729
|
-
}
|
|
22715
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-lg {
|
|
22716
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22717
|
+
}
|
|
22730
22718
|
|
|
22731
|
-
.pf-c-
|
|
22732
|
-
|
|
22733
|
-
|
|
22734
|
-
}
|
|
22719
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
|
|
22720
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22721
|
+
}
|
|
22735
22722
|
|
|
22736
|
-
.pf-c-
|
|
22737
|
-
|
|
22738
|
-
|
|
22739
|
-
}
|
|
22723
|
+
.pf-c-toolbar .pf-m-spacer-md-on-lg {
|
|
22724
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22725
|
+
}
|
|
22740
22726
|
|
|
22741
|
-
.pf-c-
|
|
22742
|
-
|
|
22743
|
-
|
|
22744
|
-
align-items: flex-start;
|
|
22745
|
-
min-width: 0;
|
|
22746
|
-
text-align: left;
|
|
22747
|
-
cursor: pointer;
|
|
22748
|
-
border: 0;
|
|
22749
|
-
}
|
|
22727
|
+
.pf-c-toolbar .pf-m-spacer-md-on-lg:last-child {
|
|
22728
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22729
|
+
}
|
|
22750
22730
|
|
|
22751
|
-
.pf-c-
|
|
22752
|
-
|
|
22753
|
-
|
|
22754
|
-
padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
|
|
22755
|
-
color: var(--pf-c-tree-view__node--Color);
|
|
22756
|
-
}
|
|
22731
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-lg {
|
|
22732
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22733
|
+
}
|
|
22757
22734
|
|
|
22758
|
-
.pf-c-
|
|
22759
|
-
|
|
22760
|
-
|
|
22735
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
|
|
22736
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22737
|
+
}
|
|
22761
22738
|
}
|
|
22739
|
+
@media (min-width: 1200px) {
|
|
22740
|
+
.pf-c-toolbar .pf-m-spacer-none-on-xl {
|
|
22741
|
+
--pf-c-toolbar--spacer: 0;
|
|
22742
|
+
}
|
|
22762
22743
|
|
|
22763
|
-
.pf-c-
|
|
22764
|
-
|
|
22765
|
-
}
|
|
22744
|
+
.pf-c-toolbar .pf-m-spacer-none-on-xl:last-child {
|
|
22745
|
+
--pf-c-toolbar--spacer: 0;
|
|
22746
|
+
}
|
|
22766
22747
|
|
|
22767
|
-
.pf-c-
|
|
22768
|
-
|
|
22769
|
-
}
|
|
22748
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-xl {
|
|
22749
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22750
|
+
}
|
|
22770
22751
|
|
|
22771
|
-
.pf-c-
|
|
22772
|
-
|
|
22773
|
-
}
|
|
22752
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
|
|
22753
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22754
|
+
}
|
|
22774
22755
|
|
|
22775
|
-
.pf-c-
|
|
22776
|
-
|
|
22777
|
-
}
|
|
22756
|
+
.pf-c-toolbar .pf-m-spacer-md-on-xl {
|
|
22757
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22758
|
+
}
|
|
22778
22759
|
|
|
22779
|
-
.pf-c-
|
|
22780
|
-
|
|
22781
|
-
}
|
|
22760
|
+
.pf-c-toolbar .pf-m-spacer-md-on-xl:last-child {
|
|
22761
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22762
|
+
}
|
|
22782
22763
|
|
|
22783
|
-
.pf-c-
|
|
22784
|
-
|
|
22785
|
-
}
|
|
22764
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-xl {
|
|
22765
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22766
|
+
}
|
|
22786
22767
|
|
|
22787
|
-
.pf-c-
|
|
22788
|
-
|
|
22789
|
-
|
|
22768
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
|
|
22769
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22770
|
+
}
|
|
22790
22771
|
}
|
|
22772
|
+
@media (min-width: 1450px) {
|
|
22773
|
+
.pf-c-toolbar .pf-m-spacer-none-on-2xl {
|
|
22774
|
+
--pf-c-toolbar--spacer: 0;
|
|
22775
|
+
}
|
|
22791
22776
|
|
|
22792
|
-
.pf-c-
|
|
22793
|
-
|
|
22794
|
-
|
|
22795
|
-
|
|
22777
|
+
.pf-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
|
|
22778
|
+
--pf-c-toolbar--spacer: 0;
|
|
22779
|
+
}
|
|
22780
|
+
|
|
22781
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-2xl {
|
|
22782
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22783
|
+
}
|
|
22784
|
+
|
|
22785
|
+
.pf-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
|
|
22786
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
|
|
22787
|
+
}
|
|
22788
|
+
|
|
22789
|
+
.pf-c-toolbar .pf-m-spacer-md-on-2xl {
|
|
22790
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22791
|
+
}
|
|
22792
|
+
|
|
22793
|
+
.pf-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
|
|
22794
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--md);
|
|
22795
|
+
}
|
|
22796
|
+
|
|
22797
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-2xl {
|
|
22798
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22799
|
+
}
|
|
22800
|
+
|
|
22801
|
+
.pf-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
|
|
22802
|
+
--pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
|
|
22803
|
+
}
|
|
22804
|
+
}
|
|
22805
|
+
.pf-c-toolbar.pf-m-inset-none {
|
|
22806
|
+
--pf-c-toolbar--inset: 0;
|
|
22807
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22808
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22796
22809
|
}
|
|
22797
22810
|
|
|
22798
|
-
.pf-c-
|
|
22799
|
-
|
|
22811
|
+
.pf-c-toolbar.pf-m-inset-sm {
|
|
22812
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22813
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22814
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22800
22815
|
}
|
|
22801
22816
|
|
|
22802
|
-
.pf-c-
|
|
22803
|
-
|
|
22817
|
+
.pf-c-toolbar.pf-m-inset-md {
|
|
22818
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22819
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22820
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22804
22821
|
}
|
|
22805
22822
|
|
|
22806
|
-
.pf-c-
|
|
22807
|
-
|
|
22808
|
-
|
|
22809
|
-
|
|
22810
|
-
display: inline-flex;
|
|
22811
|
-
align-items: center;
|
|
22812
|
-
justify-content: center;
|
|
22813
|
-
padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
|
|
22814
|
-
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
22815
|
-
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
22816
|
-
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
22817
|
-
border: 0;
|
|
22818
|
-
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
22823
|
+
.pf-c-toolbar.pf-m-inset-lg {
|
|
22824
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22825
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22826
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22819
22827
|
}
|
|
22820
22828
|
|
|
22821
|
-
.pf-c-
|
|
22822
|
-
|
|
22823
|
-
--pf-c-
|
|
22824
|
-
|
|
22825
|
-
text-overflow: ellipsis;
|
|
22826
|
-
white-space: nowrap;
|
|
22829
|
+
.pf-c-toolbar.pf-m-inset-xl {
|
|
22830
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22831
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22832
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22827
22833
|
}
|
|
22828
22834
|
|
|
22829
|
-
.pf-c-
|
|
22830
|
-
|
|
22831
|
-
--pf-c-
|
|
22832
|
-
|
|
22833
|
-
text-overflow: ellipsis;
|
|
22834
|
-
white-space: nowrap;
|
|
22835
|
+
.pf-c-toolbar.pf-m-inset-2xl {
|
|
22836
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22837
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22838
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22835
22839
|
}
|
|
22836
22840
|
|
|
22837
|
-
|
|
22838
|
-
|
|
22839
|
-
|
|
22841
|
+
@media (min-width: 576px) {
|
|
22842
|
+
.pf-c-toolbar.pf-m-inset-none-on-sm {
|
|
22843
|
+
--pf-c-toolbar--inset: 0;
|
|
22844
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22845
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22846
|
+
}
|
|
22840
22847
|
|
|
22841
|
-
.pf-c-
|
|
22842
|
-
|
|
22843
|
-
|
|
22848
|
+
.pf-c-toolbar.pf-m-inset-sm-on-sm {
|
|
22849
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22850
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22851
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22852
|
+
}
|
|
22844
22853
|
|
|
22845
|
-
.pf-c-
|
|
22846
|
-
|
|
22847
|
-
|
|
22854
|
+
.pf-c-toolbar.pf-m-inset-md-on-sm {
|
|
22855
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22856
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22857
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22858
|
+
}
|
|
22848
22859
|
|
|
22849
|
-
.pf-c-
|
|
22850
|
-
|
|
22851
|
-
|
|
22852
|
-
|
|
22860
|
+
.pf-c-toolbar.pf-m-inset-lg-on-sm {
|
|
22861
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22862
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22863
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22864
|
+
}
|
|
22853
22865
|
|
|
22854
|
-
.pf-c-
|
|
22855
|
-
|
|
22856
|
-
|
|
22857
|
-
|
|
22866
|
+
.pf-c-toolbar.pf-m-inset-xl-on-sm {
|
|
22867
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22868
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22869
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22870
|
+
}
|
|
22858
22871
|
|
|
22859
|
-
.pf-c-
|
|
22860
|
-
|
|
22861
|
-
|
|
22872
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-sm {
|
|
22873
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22874
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22875
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22876
|
+
}
|
|
22862
22877
|
}
|
|
22878
|
+
@media (min-width: 768px) {
|
|
22879
|
+
.pf-c-toolbar.pf-m-inset-none-on-md {
|
|
22880
|
+
--pf-c-toolbar--inset: 0;
|
|
22881
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22882
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22883
|
+
}
|
|
22863
22884
|
|
|
22864
|
-
.pf-c-
|
|
22865
|
-
|
|
22866
|
-
|
|
22867
|
-
|
|
22868
|
-
}
|
|
22885
|
+
.pf-c-toolbar.pf-m-inset-sm-on-md {
|
|
22886
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22887
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22888
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22889
|
+
}
|
|
22869
22890
|
|
|
22870
|
-
.pf-c-
|
|
22871
|
-
|
|
22872
|
-
|
|
22891
|
+
.pf-c-toolbar.pf-m-inset-md-on-md {
|
|
22892
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22893
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22894
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22895
|
+
}
|
|
22873
22896
|
|
|
22874
|
-
.pf-c-
|
|
22875
|
-
|
|
22876
|
-
|
|
22877
|
-
|
|
22897
|
+
.pf-c-toolbar.pf-m-inset-lg-on-md {
|
|
22898
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22899
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22900
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22901
|
+
}
|
|
22878
22902
|
|
|
22879
|
-
.pf-c-
|
|
22880
|
-
|
|
22881
|
-
|
|
22882
|
-
|
|
22883
|
-
}
|
|
22903
|
+
.pf-c-toolbar.pf-m-inset-xl-on-md {
|
|
22904
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22905
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22906
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22907
|
+
}
|
|
22884
22908
|
|
|
22885
|
-
.pf-c-
|
|
22886
|
-
|
|
22887
|
-
|
|
22888
|
-
|
|
22889
|
-
|
|
22890
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22891
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22892
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22909
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-md {
|
|
22910
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22911
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22912
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22913
|
+
}
|
|
22893
22914
|
}
|
|
22915
|
+
@media (min-width: 992px) {
|
|
22916
|
+
.pf-c-toolbar.pf-m-inset-none-on-lg {
|
|
22917
|
+
--pf-c-toolbar--inset: 0;
|
|
22918
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22919
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22920
|
+
}
|
|
22894
22921
|
|
|
22895
|
-
.pf-c-
|
|
22896
|
-
|
|
22897
|
-
|
|
22898
|
-
|
|
22899
|
-
|
|
22900
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22901
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22902
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22903
|
-
}
|
|
22922
|
+
.pf-c-toolbar.pf-m-inset-sm-on-lg {
|
|
22923
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22924
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22925
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22926
|
+
}
|
|
22904
22927
|
|
|
22905
|
-
.pf-c-
|
|
22906
|
-
|
|
22907
|
-
|
|
22908
|
-
|
|
22909
|
-
|
|
22910
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22911
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22912
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22913
|
-
}
|
|
22928
|
+
.pf-c-toolbar.pf-m-inset-md-on-lg {
|
|
22929
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22930
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22931
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22932
|
+
}
|
|
22914
22933
|
|
|
22915
|
-
.pf-c-
|
|
22916
|
-
|
|
22917
|
-
|
|
22918
|
-
|
|
22919
|
-
|
|
22920
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22921
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22922
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22923
|
-
}
|
|
22934
|
+
.pf-c-toolbar.pf-m-inset-lg-on-lg {
|
|
22935
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22936
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22937
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22938
|
+
}
|
|
22924
22939
|
|
|
22925
|
-
.pf-c-
|
|
22926
|
-
|
|
22927
|
-
|
|
22928
|
-
|
|
22929
|
-
|
|
22930
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22931
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22932
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22933
|
-
}
|
|
22940
|
+
.pf-c-toolbar.pf-m-inset-xl-on-lg {
|
|
22941
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22942
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22943
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22944
|
+
}
|
|
22934
22945
|
|
|
22935
|
-
.pf-c-
|
|
22936
|
-
|
|
22937
|
-
|
|
22938
|
-
|
|
22939
|
-
|
|
22940
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22941
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22942
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22946
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-lg {
|
|
22947
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22948
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22949
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22950
|
+
}
|
|
22943
22951
|
}
|
|
22952
|
+
@media (min-width: 1200px) {
|
|
22953
|
+
.pf-c-toolbar.pf-m-inset-none-on-xl {
|
|
22954
|
+
--pf-c-toolbar--inset: 0;
|
|
22955
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22956
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22957
|
+
}
|
|
22944
22958
|
|
|
22945
|
-
.pf-c-
|
|
22946
|
-
|
|
22947
|
-
|
|
22948
|
-
|
|
22949
|
-
|
|
22950
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22951
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22952
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22953
|
-
}
|
|
22959
|
+
.pf-c-toolbar.pf-m-inset-sm-on-xl {
|
|
22960
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22961
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22962
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22963
|
+
}
|
|
22954
22964
|
|
|
22955
|
-
.pf-c-
|
|
22956
|
-
|
|
22957
|
-
|
|
22958
|
-
|
|
22959
|
-
|
|
22960
|
-
--pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
|
|
22961
|
-
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
|
|
22962
|
-
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
22963
|
-
}
|
|
22965
|
+
.pf-c-toolbar.pf-m-inset-md-on-xl {
|
|
22966
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22967
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22968
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22969
|
+
}
|
|
22964
22970
|
|
|
22965
|
-
.pf-c-
|
|
22966
|
-
|
|
22967
|
-
|
|
22968
|
-
|
|
22969
|
-
|
|
22970
|
-
|
|
22971
|
-
|
|
22972
|
-
|
|
22971
|
+
.pf-c-toolbar.pf-m-inset-lg-on-xl {
|
|
22972
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22973
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22974
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22975
|
+
}
|
|
22976
|
+
|
|
22977
|
+
.pf-c-toolbar.pf-m-inset-xl-on-xl {
|
|
22978
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22979
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22980
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22981
|
+
}
|
|
22982
|
+
|
|
22983
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
22984
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22985
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22986
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22987
|
+
}
|
|
22973
22988
|
}
|
|
22989
|
+
@media (min-width: 1450px) {
|
|
22990
|
+
.pf-c-toolbar.pf-m-inset-none-on-2xl {
|
|
22991
|
+
--pf-c-toolbar--inset: 0;
|
|
22992
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22993
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22994
|
+
}
|
|
22974
22995
|
|
|
22975
|
-
|
|
22976
|
-
|
|
22977
|
-
|
|
22996
|
+
.pf-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
22997
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22998
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22999
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
23000
|
+
}
|
|
23001
|
+
|
|
23002
|
+
.pf-c-toolbar.pf-m-inset-md-on-2xl {
|
|
23003
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
23004
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
23005
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
23006
|
+
}
|
|
23007
|
+
|
|
23008
|
+
.pf-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
23009
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
23010
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
23011
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
23012
|
+
}
|
|
23013
|
+
|
|
23014
|
+
.pf-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
23015
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
23016
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
23017
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
23018
|
+
}
|
|
23019
|
+
|
|
23020
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
23021
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
23022
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
23023
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
23024
|
+
}
|
|
23025
|
+
}
|
|
23026
|
+
.pf-c-toolbar__content-section > :last-child {
|
|
23027
|
+
--pf-c-toolbar--spacer: 0;
|
|
22978
23028
|
}
|
|
22979
23029
|
|
|
22980
23030
|
.pf-c-wizard__header {
|