@openui5/themelib_sap_horizon 1.120.12 → 1.120.13
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/f/themes/sap_horizon/ShellBar.less +44 -16
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +51 -16
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +22 -1
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +22 -1
- package/src/sap/m/themes/sap_horizon/Button.less +1 -7
- package/src/sap/m/themes/sap_horizon/Title.less +5 -0
- package/src/sap/m/themes/sap_horizon_dark/Button.less +1 -7
- package/src/sap/m/themes/sap_horizon_dark/Title.less +5 -0
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +5 -0
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +5 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.120.
|
|
3
|
+
"version": "1.120.13",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_horizon",
|
|
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.13",
|
|
18
|
+
"@openui5/sap.m": "1.120.13",
|
|
19
|
+
"@openui5/sap.tnt": "1.120.13",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.120.13",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.120.13",
|
|
22
|
+
"@openui5/sap.ui.core": "1.120.13",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.120.13",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.120.13",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.120.13",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.120.13",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.120.13",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.120.13",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.120.13",
|
|
30
|
+
"@openui5/sap.ui.table": "1.120.13",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.120.13",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.120.13",
|
|
33
|
+
"@openui5/sap.uxap": "1.120.13"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -7,14 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
.alwaysDarkModeOverrideByParent(~"sapFShellBar");
|
|
9
9
|
|
|
10
|
-
.sapFShellBarSizeLargeDesktop
|
|
10
|
+
.sapFShellBarSizeLargeDesktop,
|
|
11
|
+
.sapFShellBarSizeExtraLargeDesktop {
|
|
11
12
|
padding: 0 3rem;
|
|
12
13
|
}
|
|
13
14
|
|
|
15
|
+
.sapFShellBar .sapFShellBarSearchIsOpen .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
16
|
+
right: 2.75rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
14
19
|
.sapFShellBarSizeDesktop {
|
|
15
20
|
padding: 0 2rem;
|
|
16
21
|
}
|
|
17
22
|
|
|
23
|
+
.sapFShellBar.sapFShellBarFCLFPHeader,
|
|
24
|
+
.sapMPageHeader .sapFShellBar {
|
|
25
|
+
box-shadow: @sapUiShellShadow;
|
|
26
|
+
}
|
|
27
|
+
|
|
18
28
|
.sapFShellBar {
|
|
19
29
|
background: @sapUiShellColor;
|
|
20
30
|
height: 3.25rem;
|
|
@@ -102,17 +112,20 @@
|
|
|
102
112
|
color: @sapUiShellTextColor;
|
|
103
113
|
}
|
|
104
114
|
|
|
115
|
+
.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
|
|
116
|
+
&.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive)::after {
|
|
117
|
+
color: @sapUiShellTextColor;
|
|
118
|
+
}
|
|
119
|
+
|
|
105
120
|
.sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
|
|
106
121
|
background: @sapUiShellHoverBackground;
|
|
107
122
|
box-shadow: @sapUiContentInteractionShadow;
|
|
108
123
|
border-color: @sapUiButtonLiteBorderColor;
|
|
109
|
-
color: @sapUiShellActiveTextColor;
|
|
110
124
|
}
|
|
111
125
|
|
|
112
126
|
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
|
|
113
127
|
background: @sapUiShellHoverBackground;
|
|
114
128
|
color: @sapUiShellActiveTextColor;
|
|
115
|
-
border-color: @sapUiButtonLiteActiveBorderColor;
|
|
116
129
|
}
|
|
117
130
|
|
|
118
131
|
.sapMBtnInner,
|
|
@@ -130,12 +143,18 @@
|
|
|
130
143
|
// Home Icon
|
|
131
144
|
.sapFShellBarHomeIcon {
|
|
132
145
|
max-height: 2rem;
|
|
146
|
+
padding: 0.25rem;
|
|
147
|
+
overflow-clip-margin: border-box;
|
|
133
148
|
|
|
134
149
|
&:hover {
|
|
135
150
|
background: @sapUiShellHoverBackground;
|
|
136
151
|
box-shadow: @sapUiContentInteractionShadow;
|
|
137
152
|
border-radius: 0.5rem;
|
|
138
153
|
}
|
|
154
|
+
|
|
155
|
+
&:focus {
|
|
156
|
+
outline-offset: -0.125rem;
|
|
157
|
+
}
|
|
139
158
|
}
|
|
140
159
|
|
|
141
160
|
//Second Title
|
|
@@ -159,10 +178,13 @@
|
|
|
159
178
|
height: 1.75rem;
|
|
160
179
|
line-height: 1.75rem;
|
|
161
180
|
padding: 0;
|
|
162
|
-
margin-top:
|
|
181
|
+
margin-top: auto;
|
|
182
|
+
margin-bottom: auto;
|
|
163
183
|
margin-left: 0.25rem;
|
|
164
184
|
position: absolute;
|
|
165
185
|
right: 0;
|
|
186
|
+
top: 0;
|
|
187
|
+
bottom: 0;
|
|
166
188
|
.sapMBtnInner {
|
|
167
189
|
min-width: 1.75rem;
|
|
168
190
|
border-radius: 1.125rem;
|
|
@@ -203,7 +225,9 @@
|
|
|
203
225
|
.sapFShellBarSearchWrap {
|
|
204
226
|
position: relative;
|
|
205
227
|
.sapMSFF {
|
|
206
|
-
background: @
|
|
228
|
+
background: @sapUiFieldBackgroundStyle;
|
|
229
|
+
background-color: @sapUiShellInteractiveBackground;
|
|
230
|
+
box-shadow: @sapUiFieldShadow;
|
|
207
231
|
border: none;
|
|
208
232
|
color: @sapUiShellInteractiveTextColor;
|
|
209
233
|
border-radius: 1.125rem;
|
|
@@ -250,7 +274,7 @@
|
|
|
250
274
|
|
|
251
275
|
.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
|
|
252
276
|
background-color: @sapUiShellHoverBackground;
|
|
253
|
-
box-shadow: @
|
|
277
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
254
278
|
}
|
|
255
279
|
|
|
256
280
|
.sapMSFI {
|
|
@@ -296,6 +320,10 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
296
320
|
border-radius: 1.125rem;
|
|
297
321
|
}
|
|
298
322
|
|
|
323
|
+
html.sap-desktop .sapMOverflowToolbarMenu-CTX .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton):focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
|
|
324
|
+
border-radius: 0.375rem;
|
|
325
|
+
}
|
|
326
|
+
|
|
299
327
|
// Resets of sizes for "Compact" mode - controls should remain in cozy mode
|
|
300
328
|
.alwaysCozyOverrideByParent(@controlClass) {
|
|
301
329
|
.sapUiSizeCompact {
|
|
@@ -356,10 +384,6 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
356
384
|
margin-left: 0.2rem;
|
|
357
385
|
}
|
|
358
386
|
|
|
359
|
-
.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner{
|
|
360
|
-
border-color: transparent !important;
|
|
361
|
-
}
|
|
362
|
-
|
|
363
387
|
html.sap-desktop & .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed, .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
|
|
364
388
|
background-color: @sapUiShellActiveBackground;
|
|
365
389
|
}
|
|
@@ -395,9 +419,12 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
395
419
|
height: 1.75rem;
|
|
396
420
|
line-height: 1.75rem;
|
|
397
421
|
padding: 0;
|
|
398
|
-
margin-top:
|
|
422
|
+
margin-top: auto;
|
|
423
|
+
margin-bottom: auto;
|
|
399
424
|
margin-left: 0.25rem;
|
|
400
425
|
position: absolute;
|
|
426
|
+
top: 0;
|
|
427
|
+
bottom: 0;
|
|
401
428
|
.sapMBtnInner {
|
|
402
429
|
min-width: 1.75rem;
|
|
403
430
|
border-radius: 1.125rem;
|
|
@@ -534,14 +561,13 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
534
561
|
>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
|
|
535
562
|
&:not(.sapMBtnActive) {
|
|
536
563
|
background: @sapUiShellHoverBackground;
|
|
537
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
538
|
-
border-color: @sapUiButtonLiteBorderColor;
|
|
539
564
|
}
|
|
540
565
|
&.sapMBtnActive,
|
|
541
566
|
&.sapMBtnActive .sapMBtnContent,
|
|
542
567
|
&.sapMBtnActive .sapMBtnContent bdi {
|
|
543
568
|
background: @sapUiShellActiveBackground;
|
|
544
569
|
color: @sapUiShellActiveTextColor;
|
|
570
|
+
border: 1px solid @sapUiButtonLiteActiveBorderColor;
|
|
545
571
|
}
|
|
546
572
|
&.sapMBtnActive:after,
|
|
547
573
|
&.sapMBtnActive >.sapMBtnIcon {
|
|
@@ -558,9 +584,11 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
558
584
|
}
|
|
559
585
|
|
|
560
586
|
}
|
|
561
|
-
&.sapMToggleBtnPressed {
|
|
562
|
-
|
|
563
|
-
|
|
587
|
+
&.sapFShellBarSearchCancelButton:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
|
|
588
|
+
&.sapMBtnActive .sapMBtnContent,
|
|
589
|
+
&.sapMBtnActive .sapMBtnContent bdi {
|
|
590
|
+
border: none;
|
|
591
|
+
}
|
|
564
592
|
}
|
|
565
593
|
&:active {
|
|
566
594
|
>.sapMBtnContent,
|
|
@@ -7,14 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
.alwaysDarkModeOverrideByParent(~"sapFShellBar");
|
|
9
9
|
|
|
10
|
-
.sapFShellBarSizeLargeDesktop
|
|
10
|
+
.sapFShellBarSizeLargeDesktop,
|
|
11
|
+
.sapFShellBarSizeExtraLargeDesktop {
|
|
11
12
|
padding: 0 3rem;
|
|
12
13
|
}
|
|
13
14
|
|
|
15
|
+
.sapFShellBar .sapFShellBarSearchIsOpen .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
16
|
+
right: 2.75rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
14
19
|
.sapFShellBarSizeDesktop {
|
|
15
20
|
padding: 0 2rem;
|
|
16
21
|
}
|
|
17
22
|
|
|
23
|
+
.sapFShellBar.sapFShellBarFCLFPHeader,
|
|
24
|
+
.sapMPageHeader .sapFShellBar {
|
|
25
|
+
box-shadow: @sapUiShellShadow;
|
|
26
|
+
}
|
|
27
|
+
|
|
18
28
|
.sapFShellBar {
|
|
19
29
|
background: @sapUiShellColor;
|
|
20
30
|
height: 3.25rem;
|
|
@@ -56,6 +66,7 @@
|
|
|
56
66
|
&:focus {
|
|
57
67
|
outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
|
|
58
68
|
border-radius: 0.375rem;
|
|
69
|
+
background-color: @sapUiShellActiveBackground;
|
|
59
70
|
color: @sapUiShellActiveTextColor;
|
|
60
71
|
&:after {
|
|
61
72
|
box-shadow: @sapUiContentSelectedShadow;
|
|
@@ -101,17 +112,20 @@
|
|
|
101
112
|
color: @sapUiShellTextColor;
|
|
102
113
|
}
|
|
103
114
|
|
|
115
|
+
.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
|
|
116
|
+
&.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive)::after {
|
|
117
|
+
color: @sapUiShellTextColor;
|
|
118
|
+
}
|
|
119
|
+
|
|
104
120
|
.sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
|
|
105
121
|
background: @sapUiShellHoverBackground;
|
|
106
122
|
box-shadow: @sapUiContentInteractionShadow;
|
|
107
123
|
border-color: @sapUiButtonLiteBorderColor;
|
|
108
|
-
color: @sapUiShellActiveTextColor;
|
|
109
124
|
}
|
|
110
125
|
|
|
111
126
|
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
|
|
112
127
|
background: @sapUiShellHoverBackground;
|
|
113
128
|
color: @sapUiShellActiveTextColor;
|
|
114
|
-
border-color: @sapUiButtonLiteActiveBorderColor;
|
|
115
129
|
}
|
|
116
130
|
|
|
117
131
|
.sapMBtnInner,
|
|
@@ -129,12 +143,18 @@
|
|
|
129
143
|
// Home Icon
|
|
130
144
|
.sapFShellBarHomeIcon {
|
|
131
145
|
max-height: 2rem;
|
|
146
|
+
padding: 0.25rem;
|
|
147
|
+
overflow-clip-margin: border-box;
|
|
132
148
|
|
|
133
149
|
&:hover {
|
|
134
150
|
background: @sapUiShellHoverBackground;
|
|
135
151
|
box-shadow: @sapUiContentInteractionShadow;
|
|
136
152
|
border-radius: 0.5rem;
|
|
137
153
|
}
|
|
154
|
+
|
|
155
|
+
&:focus {
|
|
156
|
+
outline-offset: -0.125rem;
|
|
157
|
+
}
|
|
138
158
|
}
|
|
139
159
|
|
|
140
160
|
//Second Title
|
|
@@ -158,10 +178,13 @@
|
|
|
158
178
|
height: 1.75rem;
|
|
159
179
|
line-height: 1.75rem;
|
|
160
180
|
padding: 0;
|
|
161
|
-
margin-top:
|
|
181
|
+
margin-top: auto;
|
|
182
|
+
margin-bottom: auto;
|
|
162
183
|
margin-left: 0.25rem;
|
|
163
184
|
position: absolute;
|
|
164
185
|
right: 0;
|
|
186
|
+
top: 0;
|
|
187
|
+
bottom: 0;
|
|
165
188
|
.sapMBtnInner {
|
|
166
189
|
min-width: 1.75rem;
|
|
167
190
|
border-radius: 1.125rem;
|
|
@@ -202,7 +225,9 @@
|
|
|
202
225
|
.sapFShellBarSearchWrap {
|
|
203
226
|
position: relative;
|
|
204
227
|
.sapMSFF {
|
|
205
|
-
background: @
|
|
228
|
+
background: @sapUiFieldBackgroundStyle;
|
|
229
|
+
background-color: @sapUiShellInteractiveBackground;
|
|
230
|
+
box-shadow: @sapUiFieldShadow;
|
|
206
231
|
border: none;
|
|
207
232
|
color: @sapUiShellInteractiveTextColor;
|
|
208
233
|
border-radius: 1.125rem;
|
|
@@ -249,7 +274,7 @@
|
|
|
249
274
|
|
|
250
275
|
.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
|
|
251
276
|
background-color: @sapUiShellHoverBackground;
|
|
252
|
-
box-shadow: @
|
|
277
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
253
278
|
}
|
|
254
279
|
|
|
255
280
|
.sapMSFI {
|
|
@@ -257,8 +282,8 @@
|
|
|
257
282
|
font-weight: italic;
|
|
258
283
|
}
|
|
259
284
|
|
|
260
|
-
// Reflection: styles overwritten
|
|
261
285
|
// sap.m.Button
|
|
286
|
+
// Reflection: styles overwritten
|
|
262
287
|
.sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
263
288
|
height: 2.25rem;
|
|
264
289
|
line-height: 2.25rem;
|
|
@@ -295,6 +320,10 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
295
320
|
border-radius: 1.125rem;
|
|
296
321
|
}
|
|
297
322
|
|
|
323
|
+
html.sap-desktop .sapMOverflowToolbarMenu-CTX .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton):focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
|
|
324
|
+
border-radius: 0.375rem;
|
|
325
|
+
}
|
|
326
|
+
|
|
298
327
|
// Resets of sizes for "Compact" mode - controls should remain in cozy mode
|
|
299
328
|
.alwaysCozyOverrideByParent(@controlClass) {
|
|
300
329
|
.sapUiSizeCompact {
|
|
@@ -311,6 +340,8 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
311
340
|
.sapFSHMegaMenu {
|
|
312
341
|
height: 2.75rem;
|
|
313
342
|
}
|
|
343
|
+
|
|
344
|
+
// Reflection: styles overwritten
|
|
314
345
|
// sap.m.Button
|
|
315
346
|
.sapMBtn {
|
|
316
347
|
height: 2.75rem;
|
|
@@ -353,15 +384,12 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
353
384
|
margin-left: 0.2rem;
|
|
354
385
|
}
|
|
355
386
|
|
|
356
|
-
.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner{
|
|
357
|
-
border-color: transparent !important;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
387
|
html.sap-desktop & .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed, .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
|
|
361
388
|
background-color: @sapUiShellActiveBackground;
|
|
362
389
|
}
|
|
363
390
|
|
|
364
391
|
// sap.m.MenuButton
|
|
392
|
+
// Reflection: styles overwritten
|
|
365
393
|
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
|
|
366
394
|
height: 38px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
|
|
367
395
|
line-height: 2.2rem;
|
|
@@ -378,6 +406,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
378
406
|
padding-right: 0.75rem;
|
|
379
407
|
}
|
|
380
408
|
|
|
409
|
+
// Reflection: styles overwritten
|
|
381
410
|
// sap.m.SearchField
|
|
382
411
|
.sapFShellBarSearch {
|
|
383
412
|
max-width: 35rem;
|
|
@@ -385,15 +414,17 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
385
414
|
max-width: 35rem;
|
|
386
415
|
}
|
|
387
416
|
|
|
388
|
-
// Reflection: styles overwritten
|
|
389
417
|
.sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
390
418
|
width: 1.75rem;
|
|
391
419
|
height: 1.75rem;
|
|
392
420
|
line-height: 1.75rem;
|
|
393
421
|
padding: 0;
|
|
394
|
-
margin-top:
|
|
422
|
+
margin-top: auto;
|
|
423
|
+
margin-bottom: auto;
|
|
395
424
|
margin-left: 0.25rem;
|
|
396
425
|
position: absolute;
|
|
426
|
+
top: 0;
|
|
427
|
+
bottom: 0;
|
|
397
428
|
.sapMBtnInner {
|
|
398
429
|
min-width: 1.75rem;
|
|
399
430
|
border-radius: 1.125rem;
|
|
@@ -420,7 +451,6 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
420
451
|
|
|
421
452
|
.sapFShellBarSearchWrap {
|
|
422
453
|
// sap.m.Button
|
|
423
|
-
|
|
424
454
|
// Reflection: styles overwritten
|
|
425
455
|
.sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
426
456
|
height: 2.25rem;
|
|
@@ -531,14 +561,13 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
531
561
|
>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
|
|
532
562
|
&:not(.sapMBtnActive) {
|
|
533
563
|
background: @sapUiShellHoverBackground;
|
|
534
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
535
|
-
border-color: @sapUiButtonLiteBorderColor;
|
|
536
564
|
}
|
|
537
565
|
&.sapMBtnActive,
|
|
538
566
|
&.sapMBtnActive .sapMBtnContent,
|
|
539
567
|
&.sapMBtnActive .sapMBtnContent bdi {
|
|
540
568
|
background: @sapUiShellActiveBackground;
|
|
541
569
|
color: @sapUiShellActiveTextColor;
|
|
570
|
+
border: 1px solid @sapUiButtonLiteActiveBorderColor;
|
|
542
571
|
}
|
|
543
572
|
&.sapMBtnActive:after,
|
|
544
573
|
&.sapMBtnActive >.sapMBtnIcon {
|
|
@@ -555,6 +584,12 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
|
|
|
555
584
|
}
|
|
556
585
|
|
|
557
586
|
}
|
|
587
|
+
&.sapFShellBarSearchCancelButton:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
|
|
588
|
+
&.sapMBtnActive .sapMBtnContent,
|
|
589
|
+
&.sapMBtnActive .sapMBtnContent bdi {
|
|
590
|
+
border: none;
|
|
591
|
+
}
|
|
592
|
+
}
|
|
558
593
|
&.sapMToggleBtnPressed {
|
|
559
594
|
background: @sapUiShellActiveBackground;
|
|
560
595
|
border-color: @sapUiShellActiveBackground;
|
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
background-color: transparent;
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
+
|
|
15
|
+
.sapFShellBar.sapFShellBarFCLFPHeader,
|
|
16
|
+
.sapMPageHeader .sapFShellBar {
|
|
17
|
+
box-shadow: @sapUiShellShadow;
|
|
18
|
+
}
|
|
19
|
+
|
|
14
20
|
.sapFButtonNotifications[data-notifications],
|
|
15
21
|
.sapFShellBarOverflowButton[data-notifications] {
|
|
16
22
|
&:after {
|
|
@@ -35,10 +41,15 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
35
41
|
background-color: @sapUiButtonAttentionActiveBackground;
|
|
36
42
|
}
|
|
37
43
|
|
|
38
|
-
.sapFShellBarSizeLargeDesktop
|
|
44
|
+
.sapFShellBarSizeLargeDesktop,
|
|
45
|
+
.sapFShellBarSizeExtraLargeDesktop {
|
|
39
46
|
padding: 0 3rem;
|
|
40
47
|
}
|
|
41
48
|
|
|
49
|
+
.sapFShellBarSizeExtraLargeDesktop.sapFShellBar .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
50
|
+
right: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
42
53
|
.sapFShellBarSizeDesktop {
|
|
43
54
|
padding: 0 2rem;
|
|
44
55
|
}
|
|
@@ -109,6 +120,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
109
120
|
background-color: none;
|
|
110
121
|
}
|
|
111
122
|
|
|
123
|
+
.sapFShellBarProfile:hover::before {
|
|
124
|
+
content: none;
|
|
125
|
+
}
|
|
126
|
+
|
|
112
127
|
// Mega Menu
|
|
113
128
|
.sapFSHMegaMenu {
|
|
114
129
|
color: @sapUiShellTextColor;
|
|
@@ -142,6 +157,8 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
142
157
|
// Home Icon
|
|
143
158
|
.sapFShellBarHomeIcon {
|
|
144
159
|
max-height: 2rem;
|
|
160
|
+
padding: 0.25rem;
|
|
161
|
+
overflow-clip-margin: border-box;
|
|
145
162
|
|
|
146
163
|
&:hover {
|
|
147
164
|
background: @sapUiShellHoverBackground;
|
|
@@ -197,6 +214,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
197
214
|
.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap {
|
|
198
215
|
max-width: 35rem;
|
|
199
216
|
padding: 0;
|
|
217
|
+
|
|
218
|
+
.sapMSF {
|
|
219
|
+
max-width: 100%;
|
|
220
|
+
}
|
|
200
221
|
}
|
|
201
222
|
|
|
202
223
|
.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap .sapMSF.sapMSFVal form.sapMSFNS:not(.sapMSFReload) {
|
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
background-color: transparent;
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
+
|
|
15
|
+
.sapFShellBar.sapFShellBarFCLFPHeader,
|
|
16
|
+
.sapMPageHeader .sapFShellBar {
|
|
17
|
+
box-shadow: @sapUiShellShadow;
|
|
18
|
+
}
|
|
19
|
+
|
|
14
20
|
.sapFButtonNotifications[data-notifications],
|
|
15
21
|
.sapFShellBarOverflowButton[data-notifications] {
|
|
16
22
|
&:after {
|
|
@@ -35,10 +41,15 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
35
41
|
background-color: @sapUiButtonAttentionActiveBackground;
|
|
36
42
|
}
|
|
37
43
|
|
|
38
|
-
.sapFShellBarSizeLargeDesktop
|
|
44
|
+
.sapFShellBarSizeLargeDesktop,
|
|
45
|
+
.sapFShellBarSizeExtraLargeDesktop {
|
|
39
46
|
padding: 0 3rem;
|
|
40
47
|
}
|
|
41
48
|
|
|
49
|
+
.sapFShellBarSizeExtraLargeDesktop.sapFShellBar .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
|
|
50
|
+
right: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
42
53
|
.sapFShellBarSizeDesktop {
|
|
43
54
|
padding: 0 2rem;
|
|
44
55
|
}
|
|
@@ -109,6 +120,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
109
120
|
background-color: none;
|
|
110
121
|
}
|
|
111
122
|
|
|
123
|
+
.sapFShellBarProfile:hover::before {
|
|
124
|
+
content: none;
|
|
125
|
+
}
|
|
126
|
+
|
|
112
127
|
// Mega Menu
|
|
113
128
|
.sapFSHMegaMenu {
|
|
114
129
|
color: @sapUiShellTextColor;
|
|
@@ -142,6 +157,8 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
142
157
|
// Home Icon
|
|
143
158
|
.sapFShellBarHomeIcon {
|
|
144
159
|
max-height: 2rem;
|
|
160
|
+
padding: 0.25rem;
|
|
161
|
+
overflow-clip-margin: border-box;
|
|
145
162
|
|
|
146
163
|
&:hover {
|
|
147
164
|
background: @sapUiShellHoverBackground;
|
|
@@ -197,6 +214,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
|
|
|
197
214
|
.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap {
|
|
198
215
|
max-width: 35rem;
|
|
199
216
|
padding: 0;
|
|
217
|
+
|
|
218
|
+
.sapMSF {
|
|
219
|
+
max-width: 100%;
|
|
220
|
+
}
|
|
200
221
|
}
|
|
201
222
|
|
|
202
223
|
.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap .sapMSF.sapMSFVal form.sapMSFNS:not(.sapMSFReload) {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapMBtnEmphasized {
|
|
13
|
-
font-
|
|
13
|
+
font-family: @sapUiFontBoldFamily;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive),
|
|
@@ -43,12 +43,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
|
|
|
43
43
|
position: relative;
|
|
44
44
|
border-radius: @sapUiButtonBorderCornerRadius;
|
|
45
45
|
text-shadow: none;
|
|
46
|
-
&.sapMBtnCritical,
|
|
47
|
-
&.sapMBtnNegative,
|
|
48
|
-
&.sapMBtnSuccess,
|
|
49
|
-
&.sapMBtnNeutral {
|
|
50
|
-
font-weight: bold;
|
|
51
|
-
}
|
|
52
46
|
}
|
|
53
47
|
|
|
54
48
|
/* ------------------- */
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
.sapFDynamicPage-Std-Desktop,
|
|
10
10
|
.sapFDynamicPage-Std-Tablet,
|
|
11
11
|
.sapFDynamicPage-Std-Phone {
|
|
12
|
+
|
|
12
13
|
.sapFDynamicPageTitleMain {
|
|
13
14
|
.sapFDynamicPageTitleMainInner {
|
|
14
15
|
.sapFDynamicPageTitleMainHeading {
|
|
16
|
+
align-self: auto;
|
|
17
|
+
|
|
15
18
|
.sapFDynamicPageTitleMainHeadingInner {
|
|
19
|
+
margin-top: 0.6875rem;
|
|
20
|
+
|
|
16
21
|
.sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
17
22
|
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
18
23
|
font-family: @sapObjectHeader_Title_FontFamily;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapMBtnEmphasized {
|
|
13
|
-
font-
|
|
13
|
+
font-family: @sapUiFontBoldFamily;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive),
|
|
@@ -43,12 +43,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
|
|
|
43
43
|
position: relative;
|
|
44
44
|
border-radius: @sapUiButtonBorderCornerRadius;
|
|
45
45
|
text-shadow: none;
|
|
46
|
-
&.sapMBtnCritical,
|
|
47
|
-
&.sapMBtnNegative,
|
|
48
|
-
&.sapMBtnSuccess,
|
|
49
|
-
&.sapMBtnNeutral {
|
|
50
|
-
font-weight: bold;
|
|
51
|
-
}
|
|
52
46
|
}
|
|
53
47
|
|
|
54
48
|
/* ------------------- */
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
.sapFDynamicPage-Std-Desktop,
|
|
10
10
|
.sapFDynamicPage-Std-Tablet,
|
|
11
11
|
.sapFDynamicPage-Std-Phone {
|
|
12
|
+
|
|
12
13
|
.sapFDynamicPageTitleMain {
|
|
13
14
|
.sapFDynamicPageTitleMainInner {
|
|
14
15
|
.sapFDynamicPageTitleMainHeading {
|
|
16
|
+
align-self: auto;
|
|
17
|
+
|
|
15
18
|
.sapFDynamicPageTitleMainHeadingInner {
|
|
19
|
+
margin-top: 0.6875rem;
|
|
20
|
+
|
|
16
21
|
.sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
17
22
|
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
18
23
|
font-family: @sapObjectHeader_Title_FontFamily;
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
.sapFDynamicPage-Std-Desktop,
|
|
10
10
|
.sapFDynamicPage-Std-Tablet,
|
|
11
11
|
.sapFDynamicPage-Std-Phone {
|
|
12
|
+
|
|
12
13
|
.sapFDynamicPageTitleMain {
|
|
13
14
|
.sapFDynamicPageTitleMainInner {
|
|
14
15
|
.sapFDynamicPageTitleMainHeading {
|
|
16
|
+
align-self: auto;
|
|
17
|
+
|
|
15
18
|
.sapFDynamicPageTitleMainHeadingInner {
|
|
19
|
+
margin-top: 0.6875rem;
|
|
20
|
+
|
|
16
21
|
.sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
17
22
|
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
18
23
|
font-family: @sapObjectHeader_Title_FontFamily;
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
.sapFDynamicPage-Std-Desktop,
|
|
10
10
|
.sapFDynamicPage-Std-Tablet,
|
|
11
11
|
.sapFDynamicPage-Std-Phone {
|
|
12
|
+
|
|
12
13
|
.sapFDynamicPageTitleMain {
|
|
13
14
|
.sapFDynamicPageTitleMainInner {
|
|
14
15
|
.sapFDynamicPageTitleMainHeading {
|
|
16
|
+
align-self: auto;
|
|
17
|
+
|
|
15
18
|
.sapFDynamicPageTitleMainHeadingInner {
|
|
19
|
+
margin-top: 0.6875rem;
|
|
20
|
+
|
|
16
21
|
.sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
17
22
|
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
18
23
|
font-family: @sapObjectHeader_Title_FontFamily;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 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.13</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 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.13</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 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.13</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 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.13</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|