@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.120.12",
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.12",
18
- "@openui5/sap.m": "1.120.12",
19
- "@openui5/sap.tnt": "1.120.12",
20
- "@openui5/sap.ui.codeeditor": "1.120.12",
21
- "@openui5/sap.ui.commons": "1.120.12",
22
- "@openui5/sap.ui.core": "1.120.12",
23
- "@openui5/sap.ui.dt": "1.120.12",
24
- "@openui5/sap.ui.fl": "1.120.12",
25
- "@openui5/sap.ui.mdc": "1.120.12",
26
- "@openui5/sap.ui.integration": "1.120.12",
27
- "@openui5/sap.ui.layout": "1.120.12",
28
- "@openui5/sap.ui.rta": "1.120.12",
29
- "@openui5/sap.ui.suite": "1.120.12",
30
- "@openui5/sap.ui.table": "1.120.12",
31
- "@openui5/sap.ui.unified": "1.120.12",
32
- "@openui5/sap.ui.ux3": "1.120.12",
33
- "@openui5/sap.uxap": "1.120.12"
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: 0.25rem;
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: @sapUiShellInteractiveBackground;
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: @sapUiContentInteractionShadow;
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: 0.25rem;
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
- background: @sapUiShellActiveBackground;
563
- border-color: @sapUiShellActiveBackground;
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: 0.25rem;
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: @sapUiShellInteractiveBackground;
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: @sapUiContentInteractionShadow;
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: 0.25rem;
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-weight: @sapUiButtonEmphasizedFontWeight;
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-weight: @sapUiButtonEmphasizedFontWeight;
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.12</version>
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.12</version>
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.12</version>
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.12</version>
9
+ <version>1.120.13</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12