@openui5/themelib_sap_horizon 1.123.0 → 1.124.0

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.
Files changed (39) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/ShellBar.less +0 -50
  3. package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less +75 -30
  4. package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less +75 -30
  5. package/src/sap/m/themes/sap_horizon/ActionSheet.less +1 -1
  6. package/src/sap/m/themes/sap_horizon/IconTabBar.less +1 -15
  7. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +16 -0
  8. package/src/sap/m/themes/sap_horizon/Title.less +5 -0
  9. package/src/sap/m/themes/sap_horizon/Toolbar.less +4 -5
  10. package/src/sap/m/themes/sap_horizon/library.source.less +0 -1
  11. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +1 -15
  12. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +16 -0
  13. package/src/sap/m/themes/sap_horizon_dark/Title.less +5 -0
  14. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +4 -5
  15. package/src/sap/m/themes/sap_horizon_dark/library.source.less +0 -1
  16. package/src/sap/m/themes/sap_horizon_hcb/ActionSheet.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -0
  18. package/src/sap/m/themes/sap_horizon_hcb/Title.less +5 -0
  19. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +4 -5
  20. package/src/sap/m/themes/sap_horizon_hcw/ActionSheet.less +1 -1
  21. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -0
  22. package/src/sap/m/themes/sap_horizon_hcw/Title.less +5 -0
  23. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +4 -5
  24. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  26. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  27. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  28. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  29. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  30. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  31. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  32. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  33. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  34. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  35. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  36. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +9 -7
  37. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +9 -7
  38. package/src/sap/m/themes/sap_horizon/ActionTile.less +0 -18
  39. package/src/sap/m/themes/sap_horizon_dark/ActionTile.less +0 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.123.0",
3
+ "version": "1.124.0",
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.123.0",
18
- "@openui5/sap.m": "1.123.0",
19
- "@openui5/sap.tnt": "1.123.0",
20
- "@openui5/sap.ui.codeeditor": "1.123.0",
21
- "@openui5/sap.ui.commons": "1.123.0",
22
- "@openui5/sap.ui.core": "1.123.0",
23
- "@openui5/sap.ui.dt": "1.123.0",
24
- "@openui5/sap.ui.fl": "1.123.0",
25
- "@openui5/sap.ui.mdc": "1.123.0",
26
- "@openui5/sap.ui.integration": "1.123.0",
27
- "@openui5/sap.ui.layout": "1.123.0",
28
- "@openui5/sap.ui.rta": "1.123.0",
29
- "@openui5/sap.ui.suite": "1.123.0",
30
- "@openui5/sap.ui.table": "1.123.0",
31
- "@openui5/sap.ui.unified": "1.123.0",
32
- "@openui5/sap.ui.ux3": "1.123.0",
33
- "@openui5/sap.uxap": "1.123.0"
17
+ "@openui5/sap.f": "1.124.0",
18
+ "@openui5/sap.m": "1.124.0",
19
+ "@openui5/sap.tnt": "1.124.0",
20
+ "@openui5/sap.ui.codeeditor": "1.124.0",
21
+ "@openui5/sap.ui.commons": "1.124.0",
22
+ "@openui5/sap.ui.core": "1.124.0",
23
+ "@openui5/sap.ui.dt": "1.124.0",
24
+ "@openui5/sap.ui.fl": "1.124.0",
25
+ "@openui5/sap.ui.mdc": "1.124.0",
26
+ "@openui5/sap.ui.integration": "1.124.0",
27
+ "@openui5/sap.ui.layout": "1.124.0",
28
+ "@openui5/sap.ui.rta": "1.124.0",
29
+ "@openui5/sap.ui.suite": "1.124.0",
30
+ "@openui5/sap.ui.table": "1.124.0",
31
+ "@openui5/sap.ui.unified": "1.124.0",
32
+ "@openui5/sap.ui.ux3": "1.124.0",
33
+ "@openui5/sap.uxap": "1.124.0"
34
34
  }
35
35
  }
@@ -34,56 +34,6 @@
34
34
  height: 3.25rem;
35
35
  }
36
36
 
37
- // Copilot
38
- .CPImage,
39
- & .sapMIBar.sapMTB .CPImage {
40
- &:after {
41
- position: absolute;
42
- content: "";
43
- left: 3px;
44
- right: 3px;
45
- top: 3px;
46
- bottom: 3px;
47
- outline: none;
48
- pointer-events: none;
49
- border-radius: 0.5rem;
50
- }
51
- .color1 {
52
- stop-color: #0070F2;
53
- }
54
- .color2 {
55
- stop-color: #EBF8FF;
56
- }
57
- .opacity7 {
58
- stop-opacity:0.7;
59
- }
60
- .opacity36 {
61
- stop-opacity: 0.36;
62
- }
63
- .opacity2 {
64
- stop-opacity: 0.2;
65
- }
66
- &:focus {
67
- outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
68
- border-radius: 0.375rem;
69
- background-color: @sapUiShellActiveBackground;
70
- color: @sapUiShellActiveTextColor;
71
- &:after {
72
- box-shadow: @sapUiContentSelectedShadow;
73
- }
74
- }
75
- &:hover:not(:focus) {
76
- background: @sapUiShellHoverBackground;
77
-
78
- &:after {
79
- box-shadow: @sapUiContentInteractionShadow;
80
- }
81
- }
82
- html[data-sap-ui-browser^="ie"] &:focus:before {
83
- border-color: @sapUiContentContrastFocusColor;
84
- }
85
- }
86
-
87
37
  &.sapMPageHeader .sapMIBar,
88
38
  .sapMIBar {
89
39
  height: 3.25rem;
@@ -85,36 +85,6 @@ html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDyn
85
85
  display: none;
86
86
  }
87
87
 
88
- /* Compact */
89
- .sapUiSizeCompact {
90
- .sapFDynamicPageToggleHeaderIndicator,
91
- .sapFDynamicPageHeaderPinButton {
92
- width: 1.5rem;
93
- height: 2rem;
94
- font-size: 1rem;
95
-
96
- // Reflection: styles overwritten
97
- .sapMBtnInner {
98
- min-width: 1.5rem;
99
- width: 1.5rem;
100
- height: 1.5rem;
101
- bottom: 0.25rem;
102
-
103
- .sapMBtnIcon {
104
- width: 100%;
105
- padding: 0;
106
- line-height: 1.375rem;
107
- }
108
- }
109
- }
110
- .sapFDynamicPageToggleHeaderIndicator {
111
- margin-left: -1rem;
112
- }
113
- .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
114
- margin-left: -2rem;
115
- }
116
- }
117
-
118
88
  .sapFDynamicPageHeaderPinButton > .sapMBtnInner {
119
89
  border: 0.0625rem solid;
120
90
  &:not(.sapMToggleBtnPressed) {
@@ -181,3 +151,78 @@ html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDyn
181
151
  }
182
152
  }
183
153
  }
154
+
155
+ .sapFDynamicPageToggleHeaderIndicator,
156
+ .sapFDynamicPageHeaderPinButton {
157
+ width: 1.5rem;
158
+ height: 2rem;
159
+ bottom: -0.95rem; // needs refactoring in the base file
160
+
161
+ // Reflection: styles overwritten
162
+ .sapMBtnInner {
163
+ min-width: 1.5rem;
164
+ width: 1.5rem;
165
+ height: 1.5rem;
166
+ bottom: 0.25rem;
167
+
168
+ .sapMBtnIcon {
169
+ width: 100%;
170
+ padding: 0;
171
+ line-height: 1.5rem;
172
+ }
173
+ }
174
+
175
+ overflow: visible; // enforcement needed for IE11
176
+
177
+ &:before,
178
+ &:after {
179
+ content: "";
180
+ position: absolute;
181
+ width: 4rem;
182
+ top: 50%; // enforcement needed for IE11
183
+ height: 0.0625rem;
184
+ }
185
+
186
+ &:before {
187
+ background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
188
+ right: 100%;
189
+ }
190
+
191
+ &:after {
192
+ background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
193
+ left: 100%;
194
+ }
195
+ }
196
+
197
+ .sapFDynamicPageToggleHeaderIndicator.sapMBtn .sapMBtnInner, .sapFDynamicPageHeaderPinButton.sapMBtn .sapMBtnInner {
198
+ border: 1px solid @sapUiButtonBorderColor;
199
+ border-radius: @sapButton_BorderCornerRadius;
200
+ }
201
+
202
+ .sapFDynamicPageToggleHeaderIndicator,
203
+ .sapFDynamicPageToggleHeaderIndicator.sapUiHidden ~ .sapFDynamicPageHeaderPinButton {
204
+ margin-left: -0.75rem;
205
+ }
206
+
207
+ .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
208
+ margin-left: -1.75rem;
209
+ }
210
+
211
+ /* Compact */
212
+ .sapUiSizeCompact {
213
+ .sapFDynamicPageToggleHeaderIndicator {
214
+ margin-left: -1rem;
215
+ }
216
+ .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
217
+ margin-left: -2rem;
218
+ }
219
+
220
+ .sapFDynamicPageToggleHeaderIndicator,
221
+ .sapFDynamicPageHeaderPinButton {
222
+ font-size: 1rem;
223
+
224
+ .sapMBtnInner .sapMBtnIcon {
225
+ line-height: 1.375rem;
226
+ }
227
+ }
228
+ }
@@ -85,36 +85,6 @@ html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDyn
85
85
  display: none;
86
86
  }
87
87
 
88
- /* Compact */
89
- .sapUiSizeCompact {
90
- .sapFDynamicPageToggleHeaderIndicator,
91
- .sapFDynamicPageHeaderPinButton {
92
- width: 1.5rem;
93
- height: 2rem;
94
- font-size: 1rem;
95
-
96
- // Reflection: styles overwritten
97
- .sapMBtnInner {
98
- min-width: 1.5rem;
99
- width: 1.5rem;
100
- height: 1.5rem;
101
- bottom: 0.25rem;
102
-
103
- .sapMBtnIcon {
104
- width: 100%;
105
- padding: 0;
106
- line-height: 1.375rem;
107
- }
108
- }
109
- }
110
- .sapFDynamicPageToggleHeaderIndicator {
111
- margin-left: -1rem;
112
- }
113
- .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
114
- margin-left: -2rem;
115
- }
116
- }
117
-
118
88
  .sapFDynamicPageHeaderPinButton > .sapMBtnInner {
119
89
  border: 0.0625rem solid;
120
90
  &:not(.sapMToggleBtnPressed) {
@@ -182,3 +152,78 @@ html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDyn
182
152
  }
183
153
  }
184
154
  }
155
+
156
+ .sapFDynamicPageToggleHeaderIndicator,
157
+ .sapFDynamicPageHeaderPinButton {
158
+ width: 1.5rem;
159
+ height: 2rem;
160
+ bottom: -0.95rem; // needs refactoring in the base file
161
+
162
+ // Reflection: styles overwritten
163
+ .sapMBtnInner {
164
+ min-width: 1.5rem;
165
+ width: 1.5rem;
166
+ height: 1.5rem;
167
+ bottom: 0.25rem;
168
+
169
+ .sapMBtnIcon {
170
+ width: 100%;
171
+ padding: 0;
172
+ line-height: 1.5rem;
173
+ }
174
+ }
175
+
176
+ overflow: visible; // enforcement needed for IE11
177
+
178
+ &:before,
179
+ &:after {
180
+ content: "";
181
+ position: absolute;
182
+ width: 4rem;
183
+ top: 50%; // enforcement needed for IE11
184
+ height: 0.0625rem;
185
+ }
186
+
187
+ &:before {
188
+ background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
189
+ right: 100%;
190
+ }
191
+
192
+ &:after {
193
+ background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
194
+ left: 100%;
195
+ }
196
+ }
197
+
198
+ .sapFDynamicPageToggleHeaderIndicator.sapMBtn .sapMBtnInner, .sapFDynamicPageHeaderPinButton.sapMBtn .sapMBtnInner {
199
+ border: 1px solid @sapUiButtonBorderColor;
200
+ border-radius: @sapButton_BorderCornerRadius;
201
+ }
202
+
203
+ .sapFDynamicPageToggleHeaderIndicator,
204
+ .sapFDynamicPageToggleHeaderIndicator.sapUiHidden ~ .sapFDynamicPageHeaderPinButton {
205
+ margin-left: -0.75rem;
206
+ }
207
+
208
+ .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
209
+ margin-left: -1.75rem;
210
+ }
211
+
212
+ /* Compact */
213
+ .sapUiSizeCompact {
214
+ .sapFDynamicPageToggleHeaderIndicator {
215
+ margin-left: -1rem;
216
+ }
217
+ .sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
218
+ margin-left: -2rem;
219
+ }
220
+
221
+ .sapFDynamicPageToggleHeaderIndicator,
222
+ .sapFDynamicPageHeaderPinButton {
223
+ font-size: 1rem;
224
+
225
+ .sapMBtnInner .sapMBtnIcon {
226
+ line-height: 1.375rem;
227
+ }
228
+ }
229
+ }
@@ -10,7 +10,7 @@
10
10
  .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
11
11
  color: @sapUiPageHeaderTextColor;
12
12
  font-size: @sapMFontHeader5Size;
13
- font-weight: bold;
13
+ font-family: @sapFontHeaderFamily;
14
14
  }
15
15
 
16
16
  .sapMDialog.sapMActionSheetDialog {
@@ -135,7 +135,7 @@
135
135
  // Variables
136
136
  // ==========================================================================
137
137
 
138
- @_sap_m_IconTabBar_TextHoverColor: @sapUiContentFocusColor;
138
+ @_sap_m_IconTabBar_TextHoverColor: @sapUiContentSelectedForegroundColor;
139
139
  @_sap_m_IconTabBar_SelectedTextColor: @sapUiContentSelectedForegroundColor;
140
140
  @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
141
141
  @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
@@ -475,20 +475,6 @@
475
475
  }
476
476
  }
477
477
 
478
- .sapMITBFilterDefault {
479
- .sapMITBFilterWrapper:hover {
480
- .sapMITBText {
481
- color: @sapUiContentSelectedForegroundColor;
482
- }
483
- }
484
-
485
- .sapMITBFilterExpandBtn:hover {
486
- .sapMITBFilterExpandIcon {
487
- color: @sapUiBaseText;
488
- }
489
- }
490
- }
491
-
492
478
  .sapMITBFilterNeutral {
493
479
  color: @sapUiNeutralElement;
494
480
  border-color: @sapUiNeutralElement;
@@ -505,3 +505,19 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
505
505
  .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
506
506
  text-shadow: @sapUiContentTextShadow;
507
507
  }
508
+
509
+ .sapUiForm.sapUiFormEdit .sapMObjStatusInverted {
510
+ padding-top: 0.6875rem;
511
+ }
512
+
513
+ .sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div:has(.sapMObjStatusInverted) {
514
+ padding-top: 0;
515
+ }
516
+
517
+ .sapUiFormM .sapMObjStatusInverted {
518
+ padding-top: 0.0625rem;
519
+ }
520
+
521
+ .sapUiFormM .sapUiFormResGridCont .sapMObjStatus .sapMObjStatusTitle {
522
+ vertical-align: baseline;
523
+ }
@@ -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: @sapUiObjectHeaderTitleSnappedFontSize;
18
23
  font-family: @sapUiObjectHeaderTitleFontFamily;
@@ -17,8 +17,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
17
17
  margin-right: 0;
18
18
  }
19
19
 
20
- /* Table Toolbar */
21
- .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
20
+ /* Info Toolbar */
22
21
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
23
22
  padding: 0 0.5rem 0 1rem;
24
23
  }
@@ -84,15 +83,15 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
84
83
  }
85
84
 
86
85
  // Styles suporting Table inside ObjectPageSubSection scenario
87
- .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
86
+ .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
88
87
  background: @sapUiGlobalBackgroundColor;
89
88
  padding: 0;
90
89
  }
91
90
 
92
- .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
91
+ .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
93
92
  padding: 1rem;
94
93
  }
95
94
 
96
- .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChildFirstChild {
95
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX .sapMBarChildFirstChild {
97
96
  margin: 0;
98
97
  }
@@ -11,7 +11,6 @@
11
11
  @import "ActionListItem.less";
12
12
  @import "ActionSelect.less";
13
13
  @import "ActionSheet.less";
14
- @import "ActionTile.less";
15
14
  @import "AdditionalTextButton.less";
16
15
  @import "Avatar.less";
17
16
  @import "Bar.less";
@@ -135,7 +135,7 @@
135
135
  // Variables
136
136
  // ==========================================================================
137
137
 
138
- @_sap_m_IconTabBar_TextHoverColor: @sapUiContentFocusColor;
138
+ @_sap_m_IconTabBar_TextHoverColor: @sapUiContentSelectedForegroundColor;
139
139
  @_sap_m_IconTabBar_SelectedTextColor: @sapUiContentSelectedForegroundColor;
140
140
  @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
141
141
  @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
@@ -474,20 +474,6 @@
474
474
  }
475
475
  }
476
476
 
477
- .sapMITBFilterDefault {
478
- .sapMITBFilterWrapper:hover {
479
- .sapMITBText {
480
- color: @sapUiContentSelectedForegroundColor;
481
- }
482
- }
483
-
484
- .sapMITBFilterExpandBtn:hover {
485
- .sapUiIcon {
486
- color: @sapUiBaseText;
487
- }
488
- }
489
- }
490
-
491
477
  .sapMITBFilterNeutral {
492
478
  color: @sapUiNeutralElement;
493
479
  border-color: @sapUiNeutralElement;
@@ -506,3 +506,19 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
506
506
  .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
507
507
  text-shadow: @sapUiContentTextShadow;
508
508
  }
509
+
510
+ .sapUiForm.sapUiFormEdit .sapMObjStatusInverted {
511
+ padding-top: 0.6875rem;
512
+ }
513
+
514
+ .sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div:has(.sapMObjStatusInverted) {
515
+ padding-top: 0;
516
+ }
517
+
518
+ .sapUiFormM .sapMObjStatusInverted {
519
+ padding-top: 0.0625rem;
520
+ }
521
+
522
+ .sapUiFormM .sapUiFormResGridCont .sapMObjStatus .sapMObjStatusTitle {
523
+ vertical-align: baseline;
524
+ }
@@ -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: @sapUiObjectHeaderTitleSnappedFontSize;
18
23
  font-family: @sapUiObjectHeaderTitleFontFamily;
@@ -13,8 +13,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
13
13
  padding: 0 0.5rem;
14
14
  }
15
15
 
16
- /* Table Toolbar */
17
- .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
16
+ /* Info Toolbar */
18
17
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
18
  padding: 0 0.5rem 0 1rem;
20
19
  }
@@ -80,15 +79,15 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
80
79
  }
81
80
 
82
81
  // Styles suporting Table inside ObjectPageSubSection scenario
83
- .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
82
+ .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
84
83
  background: @sapUiGlobalBackgroundColor;
85
84
  padding: 0;
86
85
  }
87
86
 
88
- .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
87
+ .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
89
88
  padding: 1rem;
90
89
  }
91
90
 
92
- .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChildFirstChild {
91
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX .sapMBarChildFirstChild {
93
92
  margin: 0;
94
93
  }
@@ -11,7 +11,6 @@
11
11
  @import "ActionListItem.less";
12
12
  @import "ActionSelect.less";
13
13
  @import "ActionSheet.less";
14
- @import "ActionTile.less";
15
14
  @import "AdditionalTextButton.less";
16
15
  @import "Avatar.less";
17
16
  @import "Bar.less";
@@ -10,7 +10,7 @@
10
10
  .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
11
11
  color: @sapUiPageHeaderTextColor;
12
12
  font-size: @sapMFontHeader5Size;
13
- font-weight: bold;
13
+ font-family: @sapFontHeaderFamily;
14
14
  }
15
15
 
16
16
  .sapMDialog.sapMActionSheetDialog {
@@ -599,3 +599,19 @@ html.sap-desktop .sapMObjStatusActive:focus {
599
599
  }
600
600
  }
601
601
  }
602
+
603
+ .sapUiForm.sapUiFormEdit .sapMObjStatusInverted {
604
+ padding-top: 0.6875rem;
605
+ }
606
+
607
+ .sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div:has(.sapMObjStatusInverted) {
608
+ padding-top: 0;
609
+ }
610
+
611
+ .sapUiFormM .sapMObjStatusInverted {
612
+ padding-top: 0.0625rem;
613
+ }
614
+
615
+ .sapUiFormM .sapUiFormResGridCont .sapMObjStatus .sapMObjStatusTitle {
616
+ vertical-align: baseline;
617
+ }
@@ -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: @sapUiObjectHeaderTitleSnappedFontSize;
18
23
  font-family: @sapUiObjectHeaderTitleFontFamily;
@@ -13,8 +13,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
13
13
  padding: 0 0.5rem;
14
14
  }
15
15
 
16
- /* Table Toolbar */
17
- .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
16
+ /* Info Toolbar */
18
17
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
18
  padding: 0 0.5rem 0 1rem;
20
19
  }
@@ -79,14 +78,14 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
79
78
  }
80
79
 
81
80
  // Styles suporting Table inside ObjectPageSubSection scenario
82
- .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
81
+ .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
83
82
  padding: 0;
84
83
  }
85
84
 
86
- .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
85
+ .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
87
86
  padding: 1rem;
88
87
  }
89
88
 
90
- .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChildFirstChild {
89
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX .sapMBarChildFirstChild {
91
90
  margin: 0;
92
91
  }
@@ -10,7 +10,7 @@
10
10
  .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
11
11
  color: @sapUiPageHeaderTextColor;
12
12
  font-size: @sapMFontHeader5Size;
13
- font-weight: bold;
13
+ font-family: @sapFontHeaderFamily;
14
14
  }
15
15
 
16
16
  .sapMDialog.sapMActionSheetDialog {
@@ -601,3 +601,19 @@ html.sap-desktop .sapMObjStatusActive:focus {
601
601
  }
602
602
  }
603
603
  }
604
+
605
+ .sapUiForm.sapUiFormEdit .sapMObjStatusInverted {
606
+ padding-top: 0.6875rem;
607
+ }
608
+
609
+ .sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div:has(.sapMObjStatusInverted) {
610
+ padding-top: 0;
611
+ }
612
+
613
+ .sapUiFormM .sapMObjStatusInverted {
614
+ padding-top: 0.0625rem;
615
+ }
616
+
617
+ .sapUiFormM .sapUiFormResGridCont .sapMObjStatus .sapMObjStatusTitle {
618
+ vertical-align: baseline;
619
+ }
@@ -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: @sapUiObjectHeaderTitleSnappedFontSize;
18
23
  font-family: @sapUiObjectHeaderTitleFontFamily;
@@ -13,8 +13,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
13
13
  padding: 0 0.5rem;
14
14
  }
15
15
 
16
- /* Table Toolbar */
17
- .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
16
+ /* Info Toolbar */
18
17
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
18
  padding: 0 0.5rem 0 1rem;
20
19
  }
@@ -79,13 +78,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
79
78
  }
80
79
 
81
80
  // Styles suporting Table inside ObjectPageSubSection scenario
82
- .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
81
+ .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
83
82
  padding: 0;
84
83
  }
85
84
 
86
- .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
85
+ .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
87
86
  padding: 1rem;
88
87
  }
89
- .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChildFirstChild {
88
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX .sapMBarChildFirstChild {
90
89
  margin: 0;
91
90
  }
@@ -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.123.0</version>
9
+ <version>1.124.0</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.123.0</version>
9
+ <version>1.124.0</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.123.0</version>
9
+ <version>1.124.0</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.123.0</version>
9
+ <version>1.124.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -186,7 +186,7 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
186
186
  overflow: hidden;
187
187
  }
188
188
 
189
- html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):focus {
189
+ html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):focus:not(:hover) {
190
190
  background-color: @sapUiLegendWorkingBackground;
191
191
  }
192
192
 
@@ -267,10 +267,6 @@ html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
267
267
  background-color: @sapUiListHoverBackground;
268
268
  }
269
269
 
270
- .sapUiCalItemWeekEnd:hover {
271
- filter: brightness (105%);
272
- }
273
-
274
270
  html.sap-desktop .sapUiCalDatesRow .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover,
275
271
  html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItemWeekEnd:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
276
272
  background-color: @sapUiListHoverBackground;
@@ -569,13 +565,19 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
569
565
  background-color: @sapUiListHoverBackground;
570
566
  }
571
567
 
572
- .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween){
568
+ .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):not(:hover) {
573
569
  background-color: @sapUiContentSelectedBackground;
574
570
  color: @sapUiContentSelectedTextColor;
575
571
  }
576
572
 
577
- .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):hover{
573
+ .sapUiCalItem.sapUiCalItemSel {
578
574
  background-color: @sapUiContentSelectedHoverBackground;
575
+ &:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):hover {
576
+ background-color: @sapUiListHoverBackground;
577
+ }
578
+ }
579
+
580
+ .sapUiCalItemWeekEnd:hover {
579
581
  filter: brightness(105%);
580
582
  }
581
583
 
@@ -186,7 +186,7 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
186
186
  overflow: hidden;
187
187
  }
188
188
 
189
- html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):focus {
189
+ html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):focus:not(:hover) {
190
190
  background-color: @sapUiLegendWorkingBackground;
191
191
  }
192
192
 
@@ -267,10 +267,6 @@ html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
267
267
  background-color: @sapUiListHoverBackground;
268
268
  }
269
269
 
270
- .sapUiCalItemWeekEnd:hover {
271
- filter: brightness (105%);
272
- }
273
-
274
270
  html.sap-desktop .sapUiCalDatesRow .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover,
275
271
  html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItemWeekEnd:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
276
272
  background-color: @sapUiListHoverBackground;
@@ -569,13 +565,19 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
569
565
  background-color: @sapUiListHoverBackground;
570
566
  }
571
567
 
572
- .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween){
568
+ .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):not(:hover) {
573
569
  background-color: @sapUiContentSelectedBackground;
574
570
  color: @sapUiContentSelectedTextColor;
575
571
  }
576
572
 
577
- .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):hover{
573
+ .sapUiCalItem.sapUiCalItemSel {
578
574
  background-color: @sapUiContentSelectedHoverBackground;
575
+ &:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):hover {
576
+ background-color: @sapUiListHoverBackground;
577
+ }
578
+ }
579
+
580
+ .sapUiCalItemWeekEnd:hover {
579
581
  filter: brightness(105%);
580
582
  }
581
583
 
@@ -1,18 +0,0 @@
1
- /* ================================== */
2
- /* CSS for control sap.m/GenericTile */
3
- /* Horizon theme */
4
- /* ================================== */
5
-
6
- .sapMAT.sapMATSituationCard{
7
- border-radius: 1.25rem;
8
- &:focus {
9
- .sapMGTFocusDiv {
10
- border-radius: 1.25rem;
11
- }
12
- }
13
- &:focus {
14
- .sapMATFocusDiv {
15
- border-radius: 1.25rem;
16
- }
17
- }
18
- }
@@ -1,18 +0,0 @@
1
- /* ================================== */
2
- /* CSS for control sap.m/GenericTile */
3
- /* Evening Horizon theme */
4
- /* ================================== */
5
-
6
- .sapMAT.sapMATSituationCard{
7
- border-radius: 1.25rem;
8
- &:focus {
9
- .sapMGTFocusDiv {
10
- border-radius: 1.25rem;
11
- }
12
- }
13
- &:focus {
14
- .sapMATFocusDiv {
15
- border-radius: 1.25rem;
16
- }
17
- }
18
- }