@openui5/themelib_sap_belize 1.120.25 → 1.120.27
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/package.json +18 -18
- package/src/sap/ui/core/themes/sap_belize/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_plus/.theme +1 -1
- package/src/sap/uxap/themes/sap_belize/ObjectPageSubSection.less +1 -1
- package/src/sap/uxap/themes/sap_belize_base/ObjectPageSubSection.less +238 -0
- package/src/sap/uxap/themes/sap_belize_hcb/ObjectPageSubSection.less +2 -2
- package/src/sap/uxap/themes/sap_belize_hcw/ObjectPageSubSection.less +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_belize",
|
|
3
|
-
"version": "1.120.
|
|
3
|
+
"version": "1.120.27",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_belize",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
"url": "https://github.com/SAP/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.120.
|
|
18
|
-
"@openui5/sap.m": "1.120.
|
|
19
|
-
"@openui5/sap.tnt": "1.120.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.120.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.120.
|
|
22
|
-
"@openui5/sap.ui.core": "1.120.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.120.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.120.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.120.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.120.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.120.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.120.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.120.
|
|
30
|
-
"@openui5/sap.ui.table": "1.120.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.120.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.120.
|
|
33
|
-
"@openui5/sap.uxap": "1.120.
|
|
17
|
+
"@openui5/sap.f": "1.120.27",
|
|
18
|
+
"@openui5/sap.m": "1.120.27",
|
|
19
|
+
"@openui5/sap.tnt": "1.120.27",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.120.27",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.120.27",
|
|
22
|
+
"@openui5/sap.ui.core": "1.120.27",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.120.27",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.120.27",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.120.27",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.120.27",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.120.27",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.120.27",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.120.27",
|
|
30
|
+
"@openui5/sap.ui.table": "1.120.27",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.120.27",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.120.27",
|
|
33
|
+
"@openui5/sap.uxap": "1.120.27"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.120.
|
|
9
|
+
<version>1.120.27</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.120.
|
|
9
|
+
<version>1.120.27</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.120.
|
|
9
|
+
<version>1.120.27</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize high contrast white theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.120.
|
|
9
|
+
<version>1.120.27</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize plus theme library.</documentation>
|
|
12
12
|
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
/* ============================================== */
|
|
2
|
+
/* CSS for control sap.uxap/ObjectPageSubSection */
|
|
3
|
+
/* Base theme */
|
|
4
|
+
/* ============================================== */
|
|
5
|
+
|
|
6
|
+
.sapUxAPObjectPageSubSection {
|
|
7
|
+
padding-top: 1rem;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionStashed .sapUxAPBlockContainer > .sapUiRespGrid:empty,
|
|
12
|
+
/* Blockbase is used */
|
|
13
|
+
.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionStashed .sapUxAPBlockContainer > .sapUiRespGrid > div > div:empty {
|
|
14
|
+
height: 20vh;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.sapUxAPObjectPageSubSectionHeaderActions > .sapMBtn {
|
|
18
|
+
margin-left: 0.5rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sapUxAPObjectPageSubSectionHeader {
|
|
22
|
+
height: auto;
|
|
23
|
+
word-wrap: break-word;
|
|
24
|
+
padding: 0 2.25rem 0 3rem;
|
|
25
|
+
display: flex;
|
|
26
|
+
justify-content: space-between;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.sapUxAPObjectPageSubSectionHeaderTitle {
|
|
30
|
+
white-space: normal;
|
|
31
|
+
line-height: 3rem;
|
|
32
|
+
color: @sapUiGroupTitleTextColor;
|
|
33
|
+
font-size: @sapMFontHeader4Size;
|
|
34
|
+
font-weight: normal;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.sapUxAPSubSectionSeeMoreContainer {
|
|
38
|
+
text-align: right;
|
|
39
|
+
width: auto;
|
|
40
|
+
float: right;
|
|
41
|
+
height: auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.sapUxAPSubSectionSeeMoreButton {
|
|
45
|
+
display: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.sapUxAPSubSectionSeeMoreButtonVisible {
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* public sapUxAPObjectPageSubSectionTransparentBackground class that sets background transparency */
|
|
53
|
+
.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionTransparentBackground .sapUxAPBlockContainer {
|
|
54
|
+
background: transparent;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* phone display */
|
|
58
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeader,
|
|
59
|
+
html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
|
|
60
|
+
padding: 0 1rem;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
|
|
64
|
+
html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
65
|
+
height: auto;
|
|
66
|
+
overflow: auto;
|
|
67
|
+
float: none;
|
|
68
|
+
white-space: normal;
|
|
69
|
+
word-wrap: break-word;
|
|
70
|
+
word-break: break-all;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/* tablet display */
|
|
74
|
+
|
|
75
|
+
.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
|
|
76
|
+
html .sapUiContainer-Medium .sapUxAPObjectPageSubSectionHeader {
|
|
77
|
+
padding: 0 1.25rem 0 2rem;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* Those styles apply Desktop and Desktop-XL.
|
|
81
|
+
Instead of writing
|
|
82
|
+
".sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop,
|
|
83
|
+
.sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL",
|
|
84
|
+
we exclude the phone and tablet breakpoints.
|
|
85
|
+
Doing so will result in less generated CSS, as well as less future maintanance if Desktop-XXL is implemented.
|
|
86
|
+
*/
|
|
87
|
+
|
|
88
|
+
.sapUxAPObjectPageLayout:not(.sapUxAPObjectPageLayout-Std-Phone):not(.sapUxAPObjectPageLayout-Std-Tablet) {
|
|
89
|
+
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout {
|
|
90
|
+
box-sizing: border-box;
|
|
91
|
+
width: 25%;
|
|
92
|
+
margin-right: 0;
|
|
93
|
+
display: inline-block;
|
|
94
|
+
vertical-align: top;
|
|
95
|
+
overflow: visible;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout + .sapUxAPBlockContainer {
|
|
99
|
+
width: -webkit-calc(~"75% - 2rem");
|
|
100
|
+
width: calc(~"75% - 2rem");
|
|
101
|
+
box-sizing: border-box;
|
|
102
|
+
display: inline-block;
|
|
103
|
+
margin-left: 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
107
|
+
height: auto;
|
|
108
|
+
white-space: normal;
|
|
109
|
+
word-wrap: break-word;
|
|
110
|
+
line-height: normal;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
|
|
114
|
+
float: none;
|
|
115
|
+
display: inline-block;
|
|
116
|
+
margin-left: 0;
|
|
117
|
+
width: 100%;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions > .sapMBtn:first-child {
|
|
121
|
+
margin-left: 0;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
/* remove the padding of form content, since form itself is already in a grid-cell that provides the required extra spacing */
|
|
125
|
+
/* (1) if the direct child is a form container with a title, a more specific selector is needed: */
|
|
126
|
+
.sapUxAPBlockContainer .sapUiFormCLContainer > div.sapUiFormContainerTitle {
|
|
127
|
+
padding-top: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* (2) if the direct child is a form container with a title, a more specific selector is needed for the title itself: */
|
|
131
|
+
.sapUxAPBlockContainer .sapUiFormCLContainer > div.sapUiFormContainerTitle > .sapUiFormTitle {
|
|
132
|
+
line-height: 2rem;
|
|
133
|
+
margin-bottom: 0;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.sapUxAPBlockContainer {
|
|
137
|
+
.sapUiFormResGrid>.sapUiFormTitle {
|
|
138
|
+
padding: 0;
|
|
139
|
+
}
|
|
140
|
+
.sapUiFormResGrid.sapUiFormToolbar >.sapMTB {
|
|
141
|
+
padding: 0;
|
|
142
|
+
}
|
|
143
|
+
.sapUxAPObjectPageSubSectionAlignContent {
|
|
144
|
+
margin-left: -@sapUiMarginSmall;
|
|
145
|
+
margin-right: -@sapUiMarginSmall;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.sapUxAPBlockContainer {
|
|
150
|
+
padding: 0 2rem;
|
|
151
|
+
}
|
|
152
|
+
.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer {
|
|
153
|
+
padding: 0 1rem;
|
|
154
|
+
}
|
|
155
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer {
|
|
156
|
+
padding: 0 1rem;
|
|
157
|
+
.sapUxAPObjectPageSubSectionAlignContent {
|
|
158
|
+
margin-left: -@sapUiMarginSmall;
|
|
159
|
+
margin-right: -@sapUiMarginSmall;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSection {
|
|
165
|
+
.sapUiRespGrid.sapUiRespGridHSpace1 {
|
|
166
|
+
.sapUiRespGridSpanS12 {
|
|
167
|
+
width: 100%;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
padding: 0;
|
|
171
|
+
}
|
|
172
|
+
.sapUiRespGrid.sapUiRespGridHSpace1 > div {
|
|
173
|
+
margin: 0;
|
|
174
|
+
width: 100%;
|
|
175
|
+
}
|
|
176
|
+
.sapUxAPBlockBase {
|
|
177
|
+
margin-bottom: 1rem;
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.sapUxAPObjectPageSubSectionFitContainer {
|
|
182
|
+
display: flex;
|
|
183
|
+
flex-direction: column;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.sapUxAPObjectPageSubSectionFitContainer .sapUxAPBlockContainer .sapUxAPBlockBase {
|
|
187
|
+
overflow-y: hidden;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.sapUxAPObjectPageSubSectionFitContainer {
|
|
191
|
+
.sapUxAPBlockContainer,
|
|
192
|
+
.sapUxAPBlockContainer > .sapUiRespGrid,
|
|
193
|
+
.sapUxAPBlockContainer > .sapUiRespGrid > *,
|
|
194
|
+
.sapUxAPBlockContainer .sapUxAPBlockBase {
|
|
195
|
+
box-sizing: border-box;
|
|
196
|
+
height: 100%;
|
|
197
|
+
margin-bottom: 0;
|
|
198
|
+
margin-top: 0;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
/* compact size */
|
|
203
|
+
.sapUiSizeCompact {
|
|
204
|
+
.sapUxAPObjectPageSubSectionHeaderTitle {
|
|
205
|
+
height: 2rem;
|
|
206
|
+
line-height: 2rem;
|
|
207
|
+
}
|
|
208
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
|
|
209
|
+
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
|
|
210
|
+
padding: 1rem 0;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
html[data-sap-ui-browser^="ed"].sap-desktop .sapUxAPObjectPageSubSectionFocusable:focus {
|
|
215
|
+
outline-style: dashed;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
/* IE ignores outline-offset. Use an overlay: */
|
|
219
|
+
/* TODO remove after the end of support for Internet Explorer */
|
|
220
|
+
html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
221
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
222
|
+
outline: none;
|
|
223
|
+
position: relative;
|
|
224
|
+
}
|
|
225
|
+
.sapUxAPObjectPageSubSectionFocusable:focus:before {
|
|
226
|
+
content: " ";
|
|
227
|
+
box-sizing: border-box;
|
|
228
|
+
width: 100%;
|
|
229
|
+
height: 100%;
|
|
230
|
+
position: absolute;
|
|
231
|
+
left: 0;
|
|
232
|
+
top: 0;
|
|
233
|
+
right: 0;
|
|
234
|
+
bottom: 0;
|
|
235
|
+
border: 0.0625rem dashed @sapUiContentFocusColor;
|
|
236
|
+
pointer-events: none;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Belize High Contrast Black theme */
|
|
4
4
|
/* ============================================== */
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
7
7
|
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
8
8
|
outline-offset: -0.125rem;
|
|
9
9
|
border-color: transparent;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
/* IE ignores outline-offset. Use an overlay: */
|
|
14
14
|
/* TODO remove after the end of support for Internet Explorer */
|
|
15
15
|
html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
16
|
-
.
|
|
16
|
+
.sapUxAPObjectPageSubSectionFocusable:focus:before {
|
|
17
17
|
border-width: 0.125rem;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Belize High Contrast White theme */
|
|
4
4
|
/* ============================================== */
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
7
7
|
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
8
8
|
outline-offset: -0.125rem;
|
|
9
9
|
border-color: transparent;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
/* IE ignores outline-offset. Use an overlay: */
|
|
14
14
|
/* TODO remove after the end of support for Internet Explorer */
|
|
15
15
|
html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
16
|
-
.
|
|
16
|
+
.sapUxAPObjectPageSubSectionFocusable:focus:before {
|
|
17
17
|
border-width: 0.125rem;
|
|
18
18
|
}
|
|
19
19
|
}
|