@patternfly/patternfly 4.216.2 → 4.216.4
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/TextInputGroup/text-input-group.css +11 -12
- package/components/TextInputGroup/text-input-group.scss +13 -18
- package/components/TreeView/tree-view.css +6 -0
- package/components/TreeView/tree-view.scss +5 -0
- package/docs/components/LogViewer/examples/LogViewer.md +268 -268
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +5 -21
- package/docs/components/Toolbar/examples/Toolbar.md +40 -35
- package/docs/components/TreeView/examples/TreeView.md +21 -21
- package/docs/demos/DataList/examples/DataList.md +16 -14
- package/docs/demos/Masthead/examples/Masthead.md +24 -21
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +24 -27
- package/docs/demos/Table/examples/Table.md +88 -77
- package/docs/demos/Toolbar/examples/Toolbar.md +229 -231
- package/package.json +2 -2
- package/patternfly-no-reset.css +17 -12
- package/patternfly.css +17 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -9,6 +9,11 @@
|
|
|
9
9
|
--pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
10
10
|
--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
|
|
11
11
|
--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
12
|
+
--pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
13
|
+
--pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
14
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
|
|
15
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
|
|
16
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
|
|
12
17
|
--pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13
18
|
--pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
|
|
14
19
|
--pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -54,7 +59,8 @@
|
|
|
54
59
|
.pf-c-text-input-group__main {
|
|
55
60
|
display: flex;
|
|
56
61
|
flex: 1;
|
|
57
|
-
|
|
62
|
+
flex-wrap: wrap;
|
|
63
|
+
gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
|
|
58
64
|
min-width: 0;
|
|
59
65
|
}
|
|
60
66
|
.pf-c-text-input-group__main.pf-m-icon {
|
|
@@ -63,17 +69,10 @@
|
|
|
63
69
|
.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
|
|
64
70
|
margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
|
|
65
71
|
}
|
|
66
|
-
.pf-c-text-input-group__main .pf-c-chip-
|
|
67
|
-
|
|
68
|
-
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
|
|
72
|
-
display: none;
|
|
73
|
-
}
|
|
74
|
-
.pf-c-text-input-group__main .pf-c-chip-group,
|
|
75
|
-
.pf-c-text-input-group__main .pf-c-chip-group__list {
|
|
76
|
-
flex-wrap: nowrap;
|
|
72
|
+
.pf-c-text-input-group__main .pf-c-chip-group__main {
|
|
73
|
+
padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
|
|
74
|
+
padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
|
|
75
|
+
padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
|
|
77
76
|
}
|
|
78
77
|
|
|
79
78
|
.pf-c-text-input-group__text {
|
|
@@ -16,6 +16,13 @@
|
|
|
16
16
|
// Main
|
|
17
17
|
--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
|
|
18
18
|
--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
19
|
+
--pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
20
|
+
--pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
21
|
+
|
|
22
|
+
// Chip group
|
|
23
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
|
|
24
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
|
|
25
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
|
|
19
26
|
|
|
20
27
|
// Text input
|
|
21
28
|
--pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -78,7 +85,8 @@
|
|
|
78
85
|
.pf-c-text-input-group__main {
|
|
79
86
|
display: flex;
|
|
80
87
|
flex: 1;
|
|
81
|
-
|
|
88
|
+
flex-wrap: wrap;
|
|
89
|
+
gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
|
|
82
90
|
min-width: 0;
|
|
83
91
|
|
|
84
92
|
&.pf-m-icon {
|
|
@@ -89,23 +97,10 @@
|
|
|
89
97
|
margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
|
|
90
98
|
}
|
|
91
99
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
// Hide scrollbar for IE, Edge and Firefox
|
|
97
|
-
-ms-overflow-style: none; // IE and Edge
|
|
98
|
-
scrollbar-width: none; // Firefox
|
|
99
|
-
|
|
100
|
-
// Hide scrollbar for Chrome, Safari and Opera
|
|
101
|
-
&::-webkit-scrollbar {
|
|
102
|
-
display: none;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.pf-c-chip-group,
|
|
107
|
-
.pf-c-chip-group__list {
|
|
108
|
-
flex-wrap: nowrap;
|
|
100
|
+
.pf-c-chip-group__main {
|
|
101
|
+
padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
|
|
102
|
+
padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
|
|
103
|
+
padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
|
|
109
104
|
}
|
|
110
105
|
}
|
|
111
106
|
|