@ansible/ansible-ui-framework 0.0.219 → 0.0.220
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/PageHeader.js +6 -0
- package/mjs/PageBody.d.ts +1 -1
- package/mjs/PageHeader.js +6 -0
- package/package.json +1 -1
package/cjs/PageHeader.js
CHANGED
|
@@ -71,6 +71,9 @@ function PageHeader(props) {
|
|
|
71
71
|
paddingLeft: 0,
|
|
72
72
|
paddingTop: 0,
|
|
73
73
|
paddingBottom: 0,
|
|
74
|
+
borderTop: settings.theme !== 'light' && settings.borders
|
|
75
|
+
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
76
|
+
: undefined,
|
|
74
77
|
borderBottom: settings.borders
|
|
75
78
|
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
76
79
|
: undefined,
|
|
@@ -78,6 +81,9 @@ function PageHeader(props) {
|
|
|
78
81
|
} }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Flex, __assign({ direction: { default: 'row' }, flexWrap: { default: 'nowrap' }, style: { maxWidth: '100%' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.PageNavigation, __assign({ style: { paddingTop: 0, flexShrink: 1, flexGrow: 1 }, hasOverflowScroll: true }, { children: navigation })) })) }))), (isMdOrLarger || !navigation) && ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: react_core_1.PageSectionVariants.light, style: {
|
|
79
82
|
paddingTop: breadcrumbs ? (xl ? 16 : 12) : xl ? 16 : 12,
|
|
80
83
|
paddingBottom: xl ? 20 : 12,
|
|
84
|
+
borderTop: !navigation && settings.theme !== 'light' && settings.borders
|
|
85
|
+
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
86
|
+
: undefined,
|
|
81
87
|
borderBottom: settings.borders
|
|
82
88
|
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
83
89
|
: undefined,
|
package/mjs/PageBody.d.ts
CHANGED
package/mjs/PageHeader.js
CHANGED
|
@@ -56,6 +56,9 @@ export function PageHeader(props) {
|
|
|
56
56
|
paddingLeft: 0,
|
|
57
57
|
paddingTop: 0,
|
|
58
58
|
paddingBottom: 0,
|
|
59
|
+
borderTop: settings.theme !== 'light' && settings.borders
|
|
60
|
+
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
61
|
+
: undefined,
|
|
59
62
|
borderBottom: settings.borders
|
|
60
63
|
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
61
64
|
: undefined,
|
|
@@ -63,6 +66,9 @@ export function PageHeader(props) {
|
|
|
63
66
|
}, children: _jsx(Flex, { direction: { default: 'row' }, flexWrap: { default: 'nowrap' }, style: { maxWidth: '100%' }, children: _jsx(PageNavigation, { style: { paddingTop: 0, flexShrink: 1, flexGrow: 1 }, hasOverflowScroll: true, children: navigation }) }) })), (isMdOrLarger || !navigation) && (_jsx(PageSection, { variant: PageSectionVariants.light, style: {
|
|
64
67
|
paddingTop: breadcrumbs ? (xl ? 16 : 12) : xl ? 16 : 12,
|
|
65
68
|
paddingBottom: xl ? 20 : 12,
|
|
69
|
+
borderTop: !navigation && settings.theme !== 'light' && settings.borders
|
|
70
|
+
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
71
|
+
: undefined,
|
|
66
72
|
borderBottom: settings.borders
|
|
67
73
|
? 'thin solid var(--pf-global--BorderColor--100)'
|
|
68
74
|
: undefined,
|
package/package.json
CHANGED