@patternfly/patternfly 6.6.0-prerelease.34 → 6.6.0-prerelease.36
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/components/DataList/data-list.css +11 -9
- package/components/DataList/data-list.scss +7 -5
- package/components/_index.css +11 -9
- package/docs/components/DataList/examples/DataList.md +129 -126
- package/docs/components/Nav/examples/Navigation.css +3 -1
- package/docs/demos/BackToTop/examples/BackToTop.md +0 -1
- package/docs/demos/Banner/examples/Banner.md +0 -1
- package/docs/demos/Button/examples/Button.md +0 -1
- package/docs/demos/Dashboard/examples/Dashboard.md +0 -1
- package/docs/demos/DataList/examples/DataList.md +27 -27
- package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -1
- package/docs/demos/Table/examples/Table.md +15 -15
- package/package.json +1 -1
- package/patternfly-no-globals.css +11 -9
- package/patternfly.css +11 -9
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1772,13 +1772,13 @@ wrapperTag: div
|
|
|
1772
1772
|
<div class="pf-v6-c-data-list__check">
|
|
1773
1773
|
<label
|
|
1774
1774
|
class="pf-v6-c-check pf-m-standalone"
|
|
1775
|
-
for="data-list-actionable-example-data-list-item-1
|
|
1775
|
+
for="data-list-actionable-example-data-list-item-1-input"
|
|
1776
1776
|
>
|
|
1777
1777
|
<input
|
|
1778
1778
|
class="pf-v6-c-check__input"
|
|
1779
1779
|
type="checkbox"
|
|
1780
|
-
id="data-list-actionable-example-data-list-item-1
|
|
1781
|
-
name="data-list-actionable-example-data-list-item-1
|
|
1780
|
+
id="data-list-actionable-example-data-list-item-1-input"
|
|
1781
|
+
name="data-list-actionable-example-data-list-item-1-input"
|
|
1782
1782
|
aria-label="Standalone check"
|
|
1783
1783
|
/>
|
|
1784
1784
|
</label>
|
|
@@ -1869,13 +1869,13 @@ wrapperTag: div
|
|
|
1869
1869
|
<div class="pf-v6-c-data-list__check">
|
|
1870
1870
|
<label
|
|
1871
1871
|
class="pf-v6-c-check pf-m-standalone"
|
|
1872
|
-
for="data-list-actionable-example-data-list-item-2
|
|
1872
|
+
for="data-list-actionable-example-data-list-item-2-input"
|
|
1873
1873
|
>
|
|
1874
1874
|
<input
|
|
1875
1875
|
class="pf-v6-c-check__input"
|
|
1876
1876
|
type="checkbox"
|
|
1877
|
-
id="data-list-actionable-example-data-list-item-2
|
|
1878
|
-
name="data-list-actionable-example-data-list-item-2
|
|
1877
|
+
id="data-list-actionable-example-data-list-item-2-input"
|
|
1878
|
+
name="data-list-actionable-example-data-list-item-2-input"
|
|
1879
1879
|
aria-label="Standalone check"
|
|
1880
1880
|
/>
|
|
1881
1881
|
</label>
|
|
@@ -2011,13 +2011,13 @@ wrapperTag: div
|
|
|
2011
2011
|
<div class="pf-v6-c-data-list__check">
|
|
2012
2012
|
<label
|
|
2013
2013
|
class="pf-v6-c-check pf-m-standalone"
|
|
2014
|
-
for="data-list-actionable-example-data-list-item-3
|
|
2014
|
+
for="data-list-actionable-example-data-list-item-3-input"
|
|
2015
2015
|
>
|
|
2016
2016
|
<input
|
|
2017
2017
|
class="pf-v6-c-check__input"
|
|
2018
2018
|
type="checkbox"
|
|
2019
|
-
id="data-list-actionable-example-data-list-item-3
|
|
2020
|
-
name="data-list-actionable-example-data-list-item-3
|
|
2019
|
+
id="data-list-actionable-example-data-list-item-3-input"
|
|
2020
|
+
name="data-list-actionable-example-data-list-item-3-input"
|
|
2021
2021
|
aria-label="Standalone check"
|
|
2022
2022
|
/>
|
|
2023
2023
|
</label>
|
|
@@ -2051,13 +2051,13 @@ wrapperTag: div
|
|
|
2051
2051
|
<div class="pf-v6-c-data-list__check">
|
|
2052
2052
|
<label
|
|
2053
2053
|
class="pf-v6-c-check pf-m-standalone"
|
|
2054
|
-
for="data-list-actionable-example-data-list-item-4
|
|
2054
|
+
for="data-list-actionable-example-data-list-item-4-input"
|
|
2055
2055
|
>
|
|
2056
2056
|
<input
|
|
2057
2057
|
class="pf-v6-c-check__input"
|
|
2058
2058
|
type="checkbox"
|
|
2059
|
-
id="data-list-actionable-example-data-list-item-4
|
|
2060
|
-
name="data-list-actionable-example-data-list-item-4
|
|
2059
|
+
id="data-list-actionable-example-data-list-item-4-input"
|
|
2060
|
+
name="data-list-actionable-example-data-list-item-4-input"
|
|
2061
2061
|
aria-label="Standalone check"
|
|
2062
2062
|
/>
|
|
2063
2063
|
</label>
|
|
@@ -3042,13 +3042,13 @@ wrapperTag: div
|
|
|
3042
3042
|
<div class="pf-v6-c-data-list__check">
|
|
3043
3043
|
<label
|
|
3044
3044
|
class="pf-v6-c-check pf-m-standalone"
|
|
3045
|
-
for="data-list-expandable-example-data-list-item-1
|
|
3045
|
+
for="data-list-expandable-example-data-list-item-1-input"
|
|
3046
3046
|
>
|
|
3047
3047
|
<input
|
|
3048
3048
|
class="pf-v6-c-check__input"
|
|
3049
3049
|
type="checkbox"
|
|
3050
|
-
id="data-list-expandable-example-data-list-item-1
|
|
3051
|
-
name="data-list-expandable-example-data-list-item-1
|
|
3050
|
+
id="data-list-expandable-example-data-list-item-1-input"
|
|
3051
|
+
name="data-list-expandable-example-data-list-item-1-input"
|
|
3052
3052
|
aria-label="Standalone check"
|
|
3053
3053
|
/>
|
|
3054
3054
|
</label>
|
|
@@ -3618,13 +3618,13 @@ wrapperTag: div
|
|
|
3618
3618
|
<div class="pf-v6-c-data-list__check">
|
|
3619
3619
|
<label
|
|
3620
3620
|
class="pf-v6-c-check pf-m-standalone"
|
|
3621
|
-
for="data-list-expandable-example-data-list-item-2
|
|
3621
|
+
for="data-list-expandable-example-data-list-item-2-input"
|
|
3622
3622
|
>
|
|
3623
3623
|
<input
|
|
3624
3624
|
class="pf-v6-c-check__input"
|
|
3625
3625
|
type="checkbox"
|
|
3626
|
-
id="data-list-expandable-example-data-list-item-2
|
|
3627
|
-
name="data-list-expandable-example-data-list-item-2
|
|
3626
|
+
id="data-list-expandable-example-data-list-item-2-input"
|
|
3627
|
+
name="data-list-expandable-example-data-list-item-2-input"
|
|
3628
3628
|
aria-label="Standalone check"
|
|
3629
3629
|
/>
|
|
3630
3630
|
</label>
|
|
@@ -3800,13 +3800,13 @@ wrapperTag: div
|
|
|
3800
3800
|
<div class="pf-v6-c-data-list__check">
|
|
3801
3801
|
<label
|
|
3802
3802
|
class="pf-v6-c-check pf-m-standalone"
|
|
3803
|
-
for="data-list-expandable-example-data-list-item-3
|
|
3803
|
+
for="data-list-expandable-example-data-list-item-3-input"
|
|
3804
3804
|
>
|
|
3805
3805
|
<input
|
|
3806
3806
|
class="pf-v6-c-check__input"
|
|
3807
3807
|
type="checkbox"
|
|
3808
|
-
id="data-list-expandable-example-data-list-item-3
|
|
3809
|
-
name="data-list-expandable-example-data-list-item-3
|
|
3808
|
+
id="data-list-expandable-example-data-list-item-3-input"
|
|
3809
|
+
name="data-list-expandable-example-data-list-item-3-input"
|
|
3810
3810
|
aria-label="Standalone check"
|
|
3811
3811
|
/>
|
|
3812
3812
|
</label>
|
|
@@ -3868,13 +3868,13 @@ wrapperTag: div
|
|
|
3868
3868
|
<div class="pf-v6-c-data-list__check">
|
|
3869
3869
|
<label
|
|
3870
3870
|
class="pf-v6-c-check pf-m-standalone"
|
|
3871
|
-
for="data-list-expandable-example-data-list-item-4
|
|
3871
|
+
for="data-list-expandable-example-data-list-item-4-input"
|
|
3872
3872
|
>
|
|
3873
3873
|
<input
|
|
3874
3874
|
class="pf-v6-c-check__input"
|
|
3875
3875
|
type="checkbox"
|
|
3876
|
-
id="data-list-expandable-example-data-list-item-4
|
|
3877
|
-
name="data-list-expandable-example-data-list-item-4
|
|
3876
|
+
id="data-list-expandable-example-data-list-item-4-input"
|
|
3877
|
+
name="data-list-expandable-example-data-list-item-4-input"
|
|
3878
3878
|
aria-label="Standalone check"
|
|
3879
3879
|
/>
|
|
3880
3880
|
</label>
|
|
@@ -4005,13 +4005,13 @@ wrapperTag: div
|
|
|
4005
4005
|
<div class="pf-v6-c-data-list__check">
|
|
4006
4006
|
<label
|
|
4007
4007
|
class="pf-v6-c-check pf-m-standalone"
|
|
4008
|
-
for="data-list-expandable-example-data-list-item-5
|
|
4008
|
+
for="data-list-expandable-example-data-list-item-5-input"
|
|
4009
4009
|
>
|
|
4010
4010
|
<input
|
|
4011
4011
|
class="pf-v6-c-check__input"
|
|
4012
4012
|
type="checkbox"
|
|
4013
|
-
id="data-list-expandable-example-data-list-item-5
|
|
4014
|
-
name="data-list-expandable-example-data-list-item-5
|
|
4013
|
+
id="data-list-expandable-example-data-list-item-5-input"
|
|
4014
|
+
name="data-list-expandable-example-data-list-item-5-input"
|
|
4015
4015
|
aria-label="Standalone check"
|
|
4016
4016
|
/>
|
|
4017
4017
|
</label>
|
|
@@ -13962,13 +13962,13 @@ wrapperTag: div
|
|
|
13962
13962
|
<div class="pf-v6-c-data-list__check">
|
|
13963
13963
|
<label
|
|
13964
13964
|
class="pf-v6-c-check pf-m-standalone"
|
|
13965
|
-
for="table-manage-columns-data-list-draggable-item-1
|
|
13965
|
+
for="table-manage-columns-data-list-draggable-item-1-input"
|
|
13966
13966
|
>
|
|
13967
13967
|
<input
|
|
13968
13968
|
class="pf-v6-c-check__input"
|
|
13969
13969
|
type="checkbox"
|
|
13970
|
-
id="table-manage-columns-data-list-draggable-item-1
|
|
13971
|
-
name="table-manage-columns-data-list-draggable-item-1
|
|
13970
|
+
id="table-manage-columns-data-list-draggable-item-1-input"
|
|
13971
|
+
name="table-manage-columns-data-list-draggable-item-1-input"
|
|
13972
13972
|
aria-label="Standalone check"
|
|
13973
13973
|
/>
|
|
13974
13974
|
</label>
|
|
@@ -14005,13 +14005,13 @@ wrapperTag: div
|
|
|
14005
14005
|
<div class="pf-v6-c-data-list__check">
|
|
14006
14006
|
<label
|
|
14007
14007
|
class="pf-v6-c-check pf-m-standalone"
|
|
14008
|
-
for="table-manage-columns-data-list-draggable-item-2
|
|
14008
|
+
for="table-manage-columns-data-list-draggable-item-2-input"
|
|
14009
14009
|
>
|
|
14010
14010
|
<input
|
|
14011
14011
|
class="pf-v6-c-check__input"
|
|
14012
14012
|
type="checkbox"
|
|
14013
|
-
id="table-manage-columns-data-list-draggable-item-2
|
|
14014
|
-
name="table-manage-columns-data-list-draggable-item-2
|
|
14013
|
+
id="table-manage-columns-data-list-draggable-item-2-input"
|
|
14014
|
+
name="table-manage-columns-data-list-draggable-item-2-input"
|
|
14015
14015
|
aria-label="Standalone check"
|
|
14016
14016
|
/>
|
|
14017
14017
|
</label>
|
|
@@ -14048,13 +14048,13 @@ wrapperTag: div
|
|
|
14048
14048
|
<div class="pf-v6-c-data-list__check">
|
|
14049
14049
|
<label
|
|
14050
14050
|
class="pf-v6-c-check pf-m-standalone"
|
|
14051
|
-
for="table-manage-columns-data-list-draggable-item-3
|
|
14051
|
+
for="table-manage-columns-data-list-draggable-item-3-input"
|
|
14052
14052
|
>
|
|
14053
14053
|
<input
|
|
14054
14054
|
class="pf-v6-c-check__input"
|
|
14055
14055
|
type="checkbox"
|
|
14056
|
-
id="table-manage-columns-data-list-draggable-item-3
|
|
14057
|
-
name="table-manage-columns-data-list-draggable-item-3
|
|
14056
|
+
id="table-manage-columns-data-list-draggable-item-3-input"
|
|
14057
|
+
name="table-manage-columns-data-list-draggable-item-3-input"
|
|
14058
14058
|
aria-label="Standalone check"
|
|
14059
14059
|
/>
|
|
14060
14060
|
</label>
|
|
@@ -14091,13 +14091,13 @@ wrapperTag: div
|
|
|
14091
14091
|
<div class="pf-v6-c-data-list__check">
|
|
14092
14092
|
<label
|
|
14093
14093
|
class="pf-v6-c-check pf-m-standalone"
|
|
14094
|
-
for="table-manage-columns-data-list-draggable-item-4
|
|
14094
|
+
for="table-manage-columns-data-list-draggable-item-4-input"
|
|
14095
14095
|
>
|
|
14096
14096
|
<input
|
|
14097
14097
|
class="pf-v6-c-check__input"
|
|
14098
14098
|
type="checkbox"
|
|
14099
|
-
id="table-manage-columns-data-list-draggable-item-4
|
|
14100
|
-
name="table-manage-columns-data-list-draggable-item-4
|
|
14099
|
+
id="table-manage-columns-data-list-draggable-item-4-input"
|
|
14100
|
+
name="table-manage-columns-data-list-draggable-item-4-input"
|
|
14101
14101
|
aria-label="Standalone check"
|
|
14102
14102
|
/>
|
|
14103
14103
|
</label>
|
|
@@ -14134,13 +14134,13 @@ wrapperTag: div
|
|
|
14134
14134
|
<div class="pf-v6-c-data-list__check">
|
|
14135
14135
|
<label
|
|
14136
14136
|
class="pf-v6-c-check pf-m-standalone"
|
|
14137
|
-
for="table-manage-columns-data-list-draggable-item-5
|
|
14137
|
+
for="table-manage-columns-data-list-draggable-item-5-input"
|
|
14138
14138
|
>
|
|
14139
14139
|
<input
|
|
14140
14140
|
class="pf-v6-c-check__input"
|
|
14141
14141
|
type="checkbox"
|
|
14142
|
-
id="table-manage-columns-data-list-draggable-item-5
|
|
14143
|
-
name="table-manage-columns-data-list-draggable-item-5
|
|
14142
|
+
id="table-manage-columns-data-list-draggable-item-5-input"
|
|
14143
|
+
name="table-manage-columns-data-list-draggable-item-5-input"
|
|
14144
14144
|
aria-label="Standalone check"
|
|
14145
14145
|
/>
|
|
14146
14146
|
</label>
|
package/package.json
CHANGED
|
@@ -14307,7 +14307,7 @@ ul) {
|
|
|
14307
14307
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14308
14308
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14309
14309
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14310
|
-
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14310
|
+
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
|
|
14311
14311
|
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14312
14312
|
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
|
|
14313
14313
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -14322,7 +14322,7 @@ ul) {
|
|
|
14322
14322
|
--pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
14323
14323
|
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
14324
14324
|
--pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14325
|
-
--pf-v6-c-data-list__check--MarginBlockStart:
|
|
14325
|
+
--pf-v6-c-data-list__check--MarginBlockStart: 0;
|
|
14326
14326
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14327
14327
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14328
14328
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -14365,7 +14365,7 @@ ul) {
|
|
|
14365
14365
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14366
14366
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14367
14367
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14368
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14368
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
|
|
14369
14369
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14370
14370
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14371
14371
|
}
|
|
@@ -14495,9 +14495,10 @@ ul) {
|
|
|
14495
14495
|
cursor: pointer;
|
|
14496
14496
|
}
|
|
14497
14497
|
|
|
14498
|
-
.pf-v6-c-data-list__item-draggable-button {
|
|
14498
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
|
|
14499
14499
|
display: flex;
|
|
14500
14500
|
flex-direction: column;
|
|
14501
|
+
justify-content: start;
|
|
14501
14502
|
padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
|
|
14502
14503
|
padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
|
|
14503
14504
|
padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
|
|
@@ -14505,24 +14506,25 @@ ul) {
|
|
|
14505
14506
|
margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
|
|
14506
14507
|
margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
|
|
14507
14508
|
margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
|
|
14509
|
+
line-height: 1lh;
|
|
14508
14510
|
background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
|
|
14509
14511
|
border: 0;
|
|
14510
14512
|
}
|
|
14511
|
-
.pf-v6-c-data-list__item-draggable-button:hover {
|
|
14513
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
|
|
14512
14514
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
|
|
14513
14515
|
cursor: grab;
|
|
14514
14516
|
}
|
|
14515
|
-
.pf-v6-c-data-list__item-draggable-button:focus {
|
|
14517
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
|
|
14516
14518
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
|
|
14517
14519
|
}
|
|
14518
|
-
.pf-v6-c-data-list__item-draggable-button:active {
|
|
14520
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
|
|
14519
14521
|
cursor: grabbing;
|
|
14520
14522
|
}
|
|
14521
|
-
.pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
|
|
14523
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
|
|
14522
14524
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
|
|
14523
14525
|
pointer-events: none;
|
|
14524
14526
|
}
|
|
14525
|
-
.pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
|
|
14527
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
|
|
14526
14528
|
color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
|
|
14527
14529
|
}
|
|
14528
14530
|
|
package/patternfly.css
CHANGED
|
@@ -14462,7 +14462,7 @@ ul) {
|
|
|
14462
14462
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14463
14463
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14464
14464
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14465
|
-
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14465
|
+
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
|
|
14466
14466
|
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14467
14467
|
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
|
|
14468
14468
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -14477,7 +14477,7 @@ ul) {
|
|
|
14477
14477
|
--pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
14478
14478
|
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
14479
14479
|
--pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14480
|
-
--pf-v6-c-data-list__check--MarginBlockStart:
|
|
14480
|
+
--pf-v6-c-data-list__check--MarginBlockStart: 0;
|
|
14481
14481
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14482
14482
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14483
14483
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -14520,7 +14520,7 @@ ul) {
|
|
|
14520
14520
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14521
14521
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14522
14522
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14523
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14523
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
|
|
14524
14524
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14525
14525
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14526
14526
|
}
|
|
@@ -14650,9 +14650,10 @@ ul) {
|
|
|
14650
14650
|
cursor: pointer;
|
|
14651
14651
|
}
|
|
14652
14652
|
|
|
14653
|
-
.pf-v6-c-data-list__item-draggable-button {
|
|
14653
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
|
|
14654
14654
|
display: flex;
|
|
14655
14655
|
flex-direction: column;
|
|
14656
|
+
justify-content: start;
|
|
14656
14657
|
padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
|
|
14657
14658
|
padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
|
|
14658
14659
|
padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
|
|
@@ -14660,24 +14661,25 @@ ul) {
|
|
|
14660
14661
|
margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
|
|
14661
14662
|
margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
|
|
14662
14663
|
margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
|
|
14664
|
+
line-height: 1lh;
|
|
14663
14665
|
background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
|
|
14664
14666
|
border: 0;
|
|
14665
14667
|
}
|
|
14666
|
-
.pf-v6-c-data-list__item-draggable-button:hover {
|
|
14668
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
|
|
14667
14669
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
|
|
14668
14670
|
cursor: grab;
|
|
14669
14671
|
}
|
|
14670
|
-
.pf-v6-c-data-list__item-draggable-button:focus {
|
|
14672
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
|
|
14671
14673
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
|
|
14672
14674
|
}
|
|
14673
|
-
.pf-v6-c-data-list__item-draggable-button:active {
|
|
14675
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
|
|
14674
14676
|
cursor: grabbing;
|
|
14675
14677
|
}
|
|
14676
|
-
.pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
|
|
14678
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
|
|
14677
14679
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
|
|
14678
14680
|
pointer-events: none;
|
|
14679
14681
|
}
|
|
14680
|
-
.pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
|
|
14682
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
|
|
14681
14683
|
color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
|
|
14682
14684
|
}
|
|
14683
14685
|
|