@openui5/themelib_sap_horizon 1.114.0 → 1.115.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 (47) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +0 -6
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  5. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  6. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  7. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/Button.less +10 -4
  9. package/src/sap/m/themes/sap_horizon/GenericTile.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/Link.less +2 -10
  11. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  12. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  13. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +2 -5
  14. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  15. package/src/sap/m/themes/sap_horizon_dark/Button.less +10 -4
  16. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_dark/Link.less +2 -10
  18. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  19. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  20. package/src/sap/m/themes/sap_horizon_hcb/Link.less +5 -12
  21. package/src/sap/m/themes/sap_horizon_hcw/Link.less +5 -12
  22. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  23. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +9 -1
  24. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +202 -351
  25. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  26. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  27. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +10 -2
  28. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +202 -351
  29. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  30. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  31. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +4 -1
  32. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +319 -2
  33. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  34. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  35. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +4 -1
  36. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +319 -2
  37. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  38. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  40. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  41. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  42. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  43. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
  44. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +10 -1
  45. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +10 -1
  46. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +10 -1
  47. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +10 -1
@@ -3,9 +3,326 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_tnt_ToolHeader_Height: 3.5rem;
6
+ @_sap_tnt_ToolHeader_Height: 3.25rem;
7
+ @_sap_tnt_ToolHeader_BorderRadius: 0.5rem;
8
+ @_sap_tnt_ToolHeader_BoxShadow: @_sap_tnt_ToolHeader_Shadow;
7
9
  @_sap_tnt_ToolHeader_IconHeight: 0.75rem;
8
10
  @_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
9
11
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
10
12
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
11
- @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
13
+ @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
14
+ @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
15
+ @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
16
+
17
+ // ==========================================================================
18
+ // sap.m.Toolbar overriding
19
+ // ==========================================================================
20
+
21
+ .sapTntToolHeader {
22
+ &.sapMTB {
23
+ background-color: @sapUiShellColor;
24
+ padding: 0 1.25rem 0 0.75rem ;
25
+ border: solid 0.0625rem @sapShell_BorderColor;
26
+ }
27
+
28
+ &.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
29
+ margin: 0 0 0 0.375rem
30
+ }
31
+
32
+ &.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
33
+ background: none;
34
+ width: 0.75rem;
35
+ }
36
+ }
37
+
38
+ // ==========================================================================
39
+ // sap.m.Button overriding
40
+ // ==========================================================================
41
+
42
+ .sapTntToolHeader {
43
+ .sapMBarChild:not(.sapMMenuBtn) {
44
+ &.sapMBtn {
45
+ padding-top: 0.125rem;
46
+ }
47
+
48
+ &.sapMBtn .sapMBtnTransparent,
49
+ &.sapMBtn .sapMBtnDefault,
50
+ &.sapMBtn .sapMBtnBack,
51
+ &.sapMBtn .sapMBtnUp {
52
+ color: @sapContent_IconColor;
53
+ border-radius: 0.375rem;
54
+ background-color: @sapButton_Lite_Background;
55
+ height: 2.5rem;
56
+ min-width: 2.5rem;
57
+
58
+ .sapUiIcon {
59
+ color: @sapContent_IconColor;
60
+ line-height: 2.5rem;
61
+ width: 2.5rem;
62
+ height: 2.5rem;
63
+ }
64
+
65
+ bdi {
66
+ line-height: 2.5rem;
67
+ }
68
+ }
69
+
70
+ &.sapMBtn:focus .sapMBtnTransparent.sapMFocusable,
71
+ &.sapMBtn:focus .sapMBtnEmphasized.sapMFocusable,
72
+ &.sapMBtn:focus .sapMBtnDefault.sapMFocusable,
73
+ &.sapMBtn:focus .sapMBtnBack.sapMFocusable,
74
+ &.sapMBtn:focus .sapMBtnUp.sapMFocusable {
75
+ &::before {
76
+ outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
77
+ border: none !important;
78
+ }
79
+ }
80
+
81
+ &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
82
+ &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
83
+ &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
84
+ &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
85
+ background: @sapButton_Lite_Hover_Background;
86
+ color: @sapContent_IconColor;
87
+ box-shadow: none;
88
+ }
89
+
90
+ &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnTransparent,
91
+ &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
92
+ &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
93
+ &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
94
+ background: @sapActiveColor;
95
+ color: @sapContent_IconColor;
96
+ box-shadow: none;
97
+ }
98
+
99
+ &.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
100
+ color: @sapContent_IconColor;
101
+ }
102
+ }
103
+ }
104
+
105
+ .sapUiSizeCompact {
106
+ .sapTntToolHeader {
107
+ .sapMBarChild:not(.sapMMenuBtn) {
108
+ &.sapMBtn {
109
+ padding-top: 0;
110
+ }
111
+
112
+ &.sapMBtn .sapMBtnTransparent,
113
+ &.sapMBtn .sapMBtnTransparent,
114
+ &.sapMBtn .sapMBtnDefault,
115
+ &.sapMBtn .sapMBtnBack,
116
+ &.sapMBtn .sapMBtnUp {
117
+ height: 2rem;
118
+ min-width: 2rem;
119
+
120
+ .sapUiIcon {
121
+ width: 2rem;
122
+ max-height: 2rem;
123
+ height: 2rem;
124
+ line-height: 2rem;
125
+ }
126
+
127
+ bdi {
128
+ line-height: 2rem;
129
+ }
130
+ }
131
+ }
132
+ }
133
+ }
134
+
135
+ // ==========================================================================
136
+ // sap.m.Text, sap.m.Title and sap.m.Label overriding
137
+ // ==========================================================================
138
+
139
+ .sapTntToolHeader {
140
+ .sapMTitle {
141
+ text-shadow: none;
142
+ font-family: @sapFontBlackFamily;
143
+ font-size: 1.125rem;
144
+ line-height: 1.625rem;
145
+ }
146
+
147
+ .sapMText,
148
+ .sapMLabel {
149
+ line-height: @sapContent_LineHeight;
150
+ color: @sapContent_LabelColor;
151
+ }
152
+
153
+ &.sapMIBar.sapMTB .sapMBarChild.sapMText,
154
+ &.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
155
+ margin-top: 2px; // to align the text/label with the title
156
+ margin-left: 0.75rem;
157
+ }
158
+ }
159
+
160
+ .sapUiSizeCompact {
161
+ .sapTntToolHeader {
162
+ &.sapMIBar.sapMTB .sapMBarChild.sapMText,
163
+ &.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
164
+ margin-top: 3px; // to align the text/label with the title
165
+ }
166
+ }
167
+ }
168
+
169
+ // ==========================================================================
170
+ // sap.m.SearchField overriding
171
+ // ==========================================================================
172
+
173
+ .sapTntToolHeader {
174
+ .sapMSF {
175
+ height: 2.5rem;
176
+ padding-top: 0px;
177
+ }
178
+
179
+ .sapMSF .sapMSFF {
180
+ border-radius: 2rem;
181
+ height: 2.5rem;
182
+ }
183
+
184
+ .sapMSFB {
185
+ line-height: 2.5rem;
186
+ width: 1.875rem;
187
+ }
188
+
189
+ .sapMSFSSI {
190
+ display: inline;
191
+ }
192
+
193
+ .sapMSFF .sapMSFSSI:before {
194
+ content: "\e00d";
195
+ display: block;
196
+ font-style: normal;
197
+ width: 1rem;
198
+ height: 1rem;
199
+ font-family: 'SAP-icons';
200
+ margin-right: 0.375rem;
201
+ margin-top: 0.75rem;
202
+ }
203
+
204
+ .sapMSFS::after {
205
+ content: "\e1ed";
206
+ }
207
+
208
+ .sapMSFR::after,
209
+ .sapMSFS::after {
210
+ display: block;
211
+ width: 1.25rem;
212
+ height: 1.25rem;
213
+ border-radius: 0.75rem;
214
+ font-size: 0.75rem;
215
+ margin-top: 0.625rem;
216
+ line-height: 1.25rem;
217
+ }
218
+
219
+ .sapMSFS {
220
+ width: 1.625rem;
221
+ border: none;
222
+ }
223
+
224
+ .sapMSFS:active,
225
+ .sapMSFS:hover,
226
+ .sapMSFR:active,
227
+ .sapMSFR:hover {
228
+ background: none;
229
+ box-shadow: none;
230
+ line-height: 1.25rem;
231
+ }
232
+
233
+ .sapMSFS:active::after,
234
+ .sapMSFR:active::after {
235
+ background: @sapActiveColor;
236
+ color: @sapContent_IconColor;
237
+ margin-top: 0.625rem;
238
+ }
239
+
240
+ .sapMSFS:hover::after,
241
+ .sapMSFR:hover::after {
242
+ background: @sapHoverColor;
243
+ color: @sapContent_IconColor;
244
+ margin-top: 0.625rem;
245
+ }
246
+
247
+ .sapMSFB.sapMSFR:not(:last-child):hover {
248
+ border: none;
249
+ }
250
+
251
+ .sapMSFB:hover {
252
+ border: none;
253
+ }
254
+ }
255
+
256
+ html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
257
+ border: none;
258
+ }
259
+
260
+ html.sap-desktop .sapTntToolHeader .sapMFocus .sapMSFF {
261
+ outline: @sapContent_FocusWidth solid @sapContent_FocusColor;
262
+ border: none;
263
+ }
264
+
265
+ .sapUiSizeCompact {
266
+ .sapTntToolHeader {
267
+ .sapMSF {
268
+ height: 2rem;
269
+ padding-top: 1px;
270
+ }
271
+
272
+ .sapMSF .sapMSFF {
273
+ height: 2rem;
274
+ }
275
+
276
+ .sapMSFB {
277
+ line-height: 2rem;
278
+ width: 1.5rem;
279
+ }
280
+
281
+ .sapMSFF .sapMSFSSI:before {
282
+ margin-top: 0.5rem;
283
+ }
284
+ }
285
+
286
+ .sapMSFS:hover::after,
287
+ .sapMSFR:hover::after,
288
+ .sapMSFS:active::after,
289
+ .sapMSFR:active::after {
290
+ margin-top: 0.375rem;
291
+ }
292
+
293
+ .sapMSFS::after,
294
+ .sapMSFR::after {
295
+ margin-top: 0.375rem;
296
+ }
297
+ }
298
+
299
+ // ==========================================================================
300
+ // sap.m.IconTabHeader overriding
301
+ // ==========================================================================
302
+
303
+ .sapTntToolHeader {
304
+ .sapUshellShellTabBar .sapMITH,
305
+ .sapUshellShellTabBar.sapMITH {
306
+ box-shadow: none;
307
+ }
308
+ }
309
+
310
+ // ==========================================================================
311
+ // sap.m.Image overriding
312
+ // ==========================================================================
313
+
314
+ .sapTntToolHeader {
315
+ .sapMImg {
316
+ height: 1.625rem;
317
+ }
318
+
319
+ &.sapMIBar.sapMTB .sapMBarChild.sapMImg {
320
+ margin-left: 0.75rem;
321
+ }
322
+
323
+ .sapMImgFocusable:focus {
324
+ outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
325
+ outline-offset: 0.125rem;
326
+ border-radius: 0.25rem;
327
+ }
328
+ }
@@ -3,6 +3,20 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_tnt_ToolPage_AsideWidthOnTablet: 3.5rem;
7
- @_sap_tnt_ToolPage_HeaderHeight: 3.5rem;
8
- @_sap_tnt_ToolPage_HeaderShadow: @sapUiContentHeaderShadow;
6
+ @_sap_tnt_ToolPage_Paddings: 0.5rem 0.5rem 0 0.5rem;
7
+ @_sap_tnt_ToolPage_PaddingsTablet: 0.5rem;
8
+ @_sap_tnt_ToolPage_PaddingsPhone: 0.25rem;
9
+ @_sap_tnt_ToolPage_Background: @sapBackgroundColor;
10
+ @_sap_tnt_ToolPage_AsideMargins: 0.5rem 0.5rem 0 0;
11
+ @_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
12
+ @_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
13
+ @_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
14
+ @_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
15
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapBackgroundColor;
16
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapBackgroundColor;
17
+ @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
18
+ @_sap_tnt_ToolPage_ContentBackgroundList: @sapGroup_ContentBackground;
19
+ @_sap_tnt_ToolPage_ContentBorderRadius: 0.5rem 0.5rem 0 0;
20
+ @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0.5rem;
21
+ @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
22
+ @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.0</version>
9
+ <version>1.115.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-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.0</version>
9
+ <version>1.115.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-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.0</version>
9
+ <version>1.115.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-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.0</version>
9
+ <version>1.115.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -82,13 +82,17 @@ html.sap-phone .sapMMenuLIImgThumbIcon{
82
82
  line-height: 2.75rem;
83
83
  }
84
84
 
85
- html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
86
- .sapUiMnuItmTxt {
87
- padding-left: 1rem;
85
+ html.sap-phone .sapUiSizeCozy {
86
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
87
+ padding-left: 3.75rem;
88
88
  }
89
- .sapUiMnuItmIco + .sapUiMnuItmTxt {
89
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
90
90
  padding-left: 0;
91
91
  }
92
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
93
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
94
+ padding-left: 0.875rem;
95
+ }
92
96
  }
93
97
 
94
98
  .sapMMenuLIArrowRightIcon {
@@ -102,6 +106,11 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
102
106
  width: 0.5rem;
103
107
  }
104
108
 
109
+ .sapUiSizeCompact .sapUiMnuItmIco{
110
+ padding-left: 0.5rem;
111
+ padding-right: 0.5rem;
112
+ }
113
+
105
114
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
106
115
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
107
116
  border-bottom: 1px solid @sapUiListSelectionBorderColor;
@@ -128,17 +137,50 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
128
137
  html.sap-desktop,
129
138
  html.sap-tablet {
130
139
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
131
- padding-left: 0.75rem;
140
+ padding-left: 3.75rem;
141
+ padding-right: 3.75rem;
142
+ }
143
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
144
+ padding-left: 0;
145
+ }
146
+ }
147
+
148
+ html.sap-desktop,
149
+ html.sap-tablet {
150
+ .sapUiSizeCompact {
151
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
152
+ padding-left: 3rem;
153
+ }
154
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
155
+ padding-left: 0;
156
+ }
157
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
158
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
159
+ padding-left: 0.5rem;
160
+ }
161
+ }
162
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
163
+ padding-left: 3.875rem;
132
164
  }
133
165
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
134
166
  padding-left: 0;
135
167
  }
136
168
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
137
169
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
138
- padding-left: 0;
170
+ padding-left: 0.75rem;
139
171
  }
140
172
  }
141
173
 
174
+ .sapUiMnuItmIco{
175
+ padding-left: 0.75rem;
176
+ padding-right: 0.75rem;
177
+ }
178
+
179
+ .sapUiSizeCompact .sapUiMnuItmIco{
180
+ padding-left: 0.5rem;
181
+ padding-right: 0.5rem;
182
+ }
183
+
142
184
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
143
185
  border-radius: 0.25rem;
144
186
  }
@@ -82,13 +82,17 @@ html.sap-phone .sapMMenuLIImgThumbIcon{
82
82
  line-height: 2.75rem;
83
83
  }
84
84
 
85
- html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
86
- .sapUiMnuItmTxt {
87
- padding-left: 1rem;
85
+ html.sap-phone .sapUiSizeCozy {
86
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
87
+ padding-left: 3.75rem;
88
88
  }
89
- .sapUiMnuItmIco + .sapUiMnuItmTxt {
89
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
90
90
  padding-left: 0;
91
91
  }
92
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
93
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
94
+ padding-left: 0.875rem;
95
+ }
92
96
  }
93
97
 
94
98
  .sapMMenuLIArrowRightIcon {
@@ -106,7 +110,10 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
106
110
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
107
111
  border-bottom: 1px solid @sapUiListSelectionBorderColor;
108
112
  }
109
-
113
+ .sapUiSizeCompact .sapUiMnuItmIco{
114
+ padding-left: 0.5rem;
115
+ padding-right: 0.5rem;
116
+ }
110
117
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm {
111
118
  border-bottom: 1px solid transparent;
112
119
  }
@@ -127,18 +134,40 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
127
134
 
128
135
  html.sap-desktop,
129
136
  html.sap-tablet {
137
+ .sapUiSizeCompact {
138
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
139
+ padding-left: 3rem;
140
+ }
141
+ .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
142
+ padding-left: 0;
143
+ }
144
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
145
+ .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
146
+ padding-left: 0.5rem;
147
+ }
148
+ }
130
149
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
131
- padding-left: 0.75rem;
150
+ padding-left: 3.875rem;
132
151
  }
133
152
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
134
153
  padding-left: 0;
135
154
  }
136
155
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
137
156
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
138
- padding-left: 0;
157
+ padding-left: 0.75rem;
139
158
  }
140
159
  }
141
160
 
161
+ .sapUiMnuItmIco{
162
+ padding-left: 0.75rem;
163
+ padding-right: 0.75rem;
164
+ }
165
+
166
+ .sapUiSizeCompact .sapUiMnuItmIco{
167
+ padding-left: 0.5rem;
168
+ padding-right: 0.5rem;
169
+ }
170
+
142
171
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
143
172
  border-radius: 0.25rem;
144
173
  }
@@ -81,4 +81,13 @@
81
81
  .sapUxAPObjectPageSectionTitle {
82
82
  font-weight: bold;
83
83
  line-height: 4rem;
84
- }
84
+ }
85
+
86
+ // Styles suporting Table inside ObjectPageSubSection scenario
87
+ .sapUiTableOnObjectPageAdjustmentsForSection.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
88
+ background: transparent;
89
+ }
90
+
91
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapUxAPBlockContainer > .sapUiRespGrid {
92
+ padding: 0 0;
93
+ }
@@ -81,4 +81,13 @@
81
81
  .sapUxAPObjectPageSectionTitle {
82
82
  font-weight: bold;
83
83
  line-height: 4rem;
84
- }
84
+ }
85
+
86
+ // Styles suporting Table inside ObjectPageSubSection scenario
87
+ .sapUiTableOnObjectPageAdjustmentsForSection.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
88
+ background: transparent;
89
+ }
90
+
91
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapUxAPBlockContainer > .sapUiRespGrid {
92
+ padding: 0 0;
93
+ }
@@ -52,4 +52,13 @@
52
52
  .sapUxAPObjectPageSubSectionWithSeeMore .sapUxAPSubSectionSeeMoreContainer {
53
53
  padding-right: 1rem;
54
54
  }
55
- }
55
+ }
56
+
57
+ // Styles suporting Table inside ObjectPageSubSection scenario
58
+ .sapUiTableOnObjectPageAdjustmentsForSection.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
59
+ background: transparent;
60
+ }
61
+
62
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapUxAPBlockContainer > .sapUiRespGrid {
63
+ padding: 0 0;
64
+ }
@@ -52,4 +52,13 @@
52
52
  .sapUxAPObjectPageSubSectionWithSeeMore .sapUxAPSubSectionSeeMoreContainer {
53
53
  padding-right: 1rem;
54
54
  }
55
- }
55
+ }
56
+
57
+ // Styles suporting Table inside ObjectPageSubSection scenario
58
+ .sapUiTableOnObjectPageAdjustmentsForSection.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
59
+ background: transparent;
60
+ }
61
+
62
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapUxAPBlockContainer > .sapUiRespGrid {
63
+ padding: 0 0;
64
+ }