@openui5/themelib_sap_horizon 1.113.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 (86) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +1 -7
  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/FlexibleColumnLayout.less +42 -17
  6. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  7. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +32 -6
  8. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  9. package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
  10. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  11. package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
  12. package/src/sap/m/themes/sap_horizon/Button.less +10 -4
  13. package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
  14. package/src/sap/m/themes/sap_horizon/GenericTile.less +1 -1
  15. package/src/sap/m/themes/sap_horizon/InputBase.less +1 -1
  16. package/src/sap/m/themes/sap_horizon/Link.less +2 -10
  17. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  18. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  19. package/src/sap/m/themes/sap_horizon/Panel.less +4 -0
  20. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  21. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +2 -5
  22. package/src/sap/m/themes/sap_horizon/Select.less +25 -20
  23. package/src/sap/m/themes/sap_horizon/Table.less +0 -21
  24. package/src/sap/m/themes/sap_horizon/Title.less +12 -0
  25. package/src/sap/m/themes/sap_horizon/library.source.less +3 -0
  26. package/src/sap/m/themes/sap_horizon_dark/Button.less +10 -4
  27. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
  28. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +1 -1
  29. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +1 -1
  30. package/src/sap/m/themes/sap_horizon_dark/Link.less +2 -10
  31. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  32. package/src/sap/m/themes/sap_horizon_dark/Panel.less +4 -0
  33. package/src/sap/m/themes/sap_horizon_dark/Select.less +25 -20
  34. package/src/sap/m/themes/sap_horizon_dark/Table.less +0 -19
  35. package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
  36. package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
  37. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
  38. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +1 -1
  39. package/src/sap/m/themes/sap_horizon_hcb/Link.less +5 -12
  40. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +4 -0
  41. package/src/sap/m/themes/sap_horizon_hcb/Table.less +0 -19
  42. package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
  45. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcw/Link.less +5 -12
  47. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +4 -0
  48. package/src/sap/m/themes/sap_horizon_hcw/Table.less +0 -19
  49. package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  51. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  52. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +9 -1
  53. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +202 -351
  54. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  55. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  56. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +10 -2
  57. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +202 -351
  58. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  59. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  60. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +4 -1
  61. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +319 -2
  62. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  63. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  64. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +4 -1
  65. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +319 -2
  66. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  67. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon/base.less +134 -28
  69. package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
  70. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  71. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +134 -28
  72. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
  73. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +134 -28
  75. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  77. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +134 -28
  78. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
  79. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  80. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
  81. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +12 -3
  82. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +2 -2
  83. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +12 -3
  84. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +2 -2
  85. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +10 -1
  86. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +10 -1
@@ -14,7 +14,7 @@
14
14
  /* IconOnly Hover */
15
15
 
16
16
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
17
- background: @sapUiButtonLiteHoverBackground;
17
+ background: @sapUiFieldHoverBackground;
18
18
  border: none;
19
19
 
20
20
  &.sapMSltWithIcon {
@@ -44,20 +44,21 @@
44
44
  .sapMSlt {
45
45
  font-family: @sapFontFamily;
46
46
  font-size: @sapFontSize;
47
- height: 2.25rem;
47
+ height: @sapUiElementHeight;
48
48
  border: none;
49
49
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
50
50
  background-size: 100% @sapUiFieldBorderWidth;
51
51
  background-repeat: repeat-x;
52
52
  background-position: bottom;
53
+ box-shadow: @sapUiFieldShadow;
53
54
  }
54
55
 
55
56
  .sapUiSizeCompact .sapMSlt {
56
- height: 1.625rem;
57
+ height: @sapUiElementCompactHeight;
57
58
  }
58
59
 
59
60
  .sapMSlt > .sapMSltLabel {
60
- line-height: 2.125rem;
61
+ line-height: calc(@sapUiElementHeight - 0.125rem);
61
62
  }
62
63
 
63
64
  .sapMSltArrow {
@@ -70,7 +71,7 @@
70
71
 
71
72
  .sapMSlt.sapMSltPressed,
72
73
  .sapMSltPressed > .sapMSltArrow {
73
- background: @sapUiButtonLiteHoverBackground;
74
+ background: @sapUiFieldHoverBackground;
74
75
  }
75
76
 
76
77
  html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):before {
@@ -89,7 +90,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
89
90
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
90
91
  background: @sapUiFieldHoverBackground;
91
92
  border-color: @sapUiFieldHoverBorderColor;
92
- box-shadow: @sapUiContentInteractionShadow;
93
+ box-shadow: @sapUiFieldHoverShadow;
93
94
 
94
95
  .sapMSltArrow {
95
96
  border-radius: @sapUiFieldBorderCornerRadius;
@@ -142,7 +143,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
142
143
 
143
144
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
144
145
  border:none;
145
- box-shadow: @sapUiContentInteractionShadow;
146
+ box-shadow: @sapUiFieldHoverShadow;
146
147
  border: none;
147
148
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
148
149
  background-size: 100% @sapUiFieldBorderWidth;
@@ -180,7 +181,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
180
181
  .sapMSltPressed >.sapMSltArrow,
181
182
  .sapMSlt:hover > .sapMSltArrow {
182
183
  background-color: @sapUiButtonActiveBackground;
183
- box-shadow: @sapUiContentInteractionShadow;
184
+ box-shadow: @sapUiFieldHoverShadow;
184
185
  overflow: none;
185
186
  border-radius: 0.125rem;
186
187
  }
@@ -203,15 +204,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
203
204
  background-repeat: repeat-x;
204
205
  background-position: bottom;
205
206
  background-color: @sapUiFieldInformationBackground;
207
+ box-shadow: @sapUiFieldInformationShadow;
206
208
  }
207
209
 
208
210
  .sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
209
211
  border-color: @sapUiFieldInformationColor;
210
- box-shadow: @sapUiContentInformativeShadow;
212
+ box-shadow: @sapUiFieldHoverInformationShadow;
211
213
  background-color: @sapUiFieldHoverBackground;
212
214
 
213
215
  &:not(.sapMSltFocused) {
214
- box-shadow: @sapUiContentInformativeShadow; // NEW Parameter
216
+ box-shadow: @sapUiFieldHoverInformationShadow; // NEW Parameter
215
217
  }
216
218
  }
217
219
 
@@ -225,7 +227,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
225
227
  .sapMSltInformation.sapMSltPressed {
226
228
  .sapMSltArrow {
227
229
  color: @sapUiButtonSelectedTextColor;
228
- box-shadow: @sapUiContentInformativeShadow;
230
+ box-shadow: @sapUiFieldHoverInformationShadow;
229
231
  }
230
232
  > .sapMSltArrow::before {
231
233
  color: inherit;
@@ -243,15 +245,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
243
245
  background-repeat: repeat-x;
244
246
  background-position: bottom;
245
247
  background-color: @sapUiFieldSuccessBackground;
248
+ box-shadow: @sapUiFieldSuccessShadow;
246
249
  }
247
250
 
248
251
  .sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
249
252
  border-color: @sapUiFieldSuccessColor;
250
- box-shadow: @sapUiContentPositiveShadow;
253
+ box-shadow: @sapUiFieldHoverSuccessShadow;
251
254
  background-color: @sapUiFieldHoverBackground;
252
255
 
253
256
  &:not(.sapMSltFocused) {
254
- box-shadow: @sapUiContentPositiveShadow; // New Parameter
257
+ box-shadow: @sapUiFieldHoverSuccessShadow; // New Parameter
255
258
  }
256
259
  }
257
260
 
@@ -267,7 +270,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
267
270
  .sapMSltSuccess.sapMSltPressed {
268
271
  .sapMSltArrow {
269
272
  color: @sapUiButtonAcceptSelectedTextColor;
270
- box-shadow: @sapUiContentPositiveShadow;
273
+ box-shadow: @sapUiFieldHoverSuccessShadow;
271
274
  }
272
275
  > .sapMSltArrow::before {
273
276
  color: inherit;
@@ -285,15 +288,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
285
288
  background-repeat: repeat-x;
286
289
  background-position: bottom;
287
290
  background-color: @sapUiFieldWarningBackground;
291
+ box-shadow: @sapUiFieldWarningShadow;
288
292
  }
289
293
 
290
294
  .sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
291
295
  border-color: @sapUiFieldWarningColor;
292
- box-shadow: @sapUiContentCriticalShadow;
296
+ box-shadow: @sapUiFieldHoverWarningShadow;
293
297
  background-color: @sapUiFieldHoverBackground;
294
298
 
295
299
  &:not(.sapMSltFocused) {
296
- box-shadow: @sapUiContentCriticalShadow; // NEW Parameter
300
+ box-shadow: @sapUiFieldHoverWarningShadow; // NEW Parameter
297
301
  }
298
302
  }
299
303
 
@@ -308,7 +312,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
308
312
  .sapMSltWarning.sapMSltPressed {
309
313
  .sapMSltArrow {
310
314
  color: @sapUiButtonAttentionSelectedTextColor;
311
- box-shadow: @sapUiContentCriticalShadow;
315
+ box-shadow: @sapUiFieldHoverWarningShadow;
312
316
  }
313
317
  > .sapMSltArrow::before {
314
318
  color: inherit;
@@ -326,15 +330,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
326
330
  background-repeat: repeat-x;
327
331
  background-position: bottom;
328
332
  background-color: @sapUiFieldInvalidBackgroundStyle;
333
+ box-shadow: @sapUiFieldInvalidShadow;
329
334
  }
330
335
 
331
336
  .sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
332
337
  border-color: @sapUiFieldInvalidColor;
333
- box-shadow: @sapUiContentNegativeShadow;
338
+ box-shadow: @sapUiFieldHoverInvalidShadow;
334
339
  background-color: @sapUiFieldHoverBackground;
335
340
 
336
341
  &:not(.sapMSltFocused) {
337
- box-shadow: @sapUiContentNegativeShadow; // NEW Parameter
342
+ box-shadow: @sapUiFieldHoverInvalidShadow; // NEW Parameter
338
343
  }
339
344
  }
340
345
 
@@ -349,7 +354,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
349
354
  .sapMSltError.sapMSltPressed {
350
355
  .sapMSltArrow {
351
356
  color: @sapUiFieldInvalidColor;
352
- box-shadow: @sapUiContentNegativeShadow;
357
+ box-shadow: @sapUiFieldHoverInvalidShadow;
353
358
  }
354
359
  > .sapMSltArrow::before {
355
360
  color: inherit;
@@ -32,25 +32,4 @@
32
32
  .sapMListTblDummyCell:last-child {
33
33
  background-color: @sapUiListBackground;
34
34
  border-left-color: @sapUiListTableFixedBorderColor;
35
- }
36
-
37
- /* overwrite text control styles */
38
- .sapMListTblCell {
39
- .sapMLnk,
40
- .sapMText,
41
- .sapMLabel,
42
- .sapMObjectNumber,
43
- .sapMObjectIdentifier,
44
- .sapMObjStatus,
45
- .sapMObjectAttributeDiv,
46
- .sapUiIcon {
47
- line-height: 1.5rem;
48
- }
49
-
50
- .sapMRb {
51
- .sapMLabel {
52
- vertical-align: top;
53
- line-height: 2rem;
54
- }
55
- }
56
35
  }
@@ -0,0 +1,12 @@
1
+ /* ======================================== */
2
+ /* CSS for control sap.m/Title */
3
+ /* Horizon theme */
4
+ /* ======================================== */
5
+
6
+ .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
+ .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
+ .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
+ .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
11
+ font-family: @sapFontBlackFamily;
12
+ }
@@ -45,9 +45,11 @@
45
45
  @import "ListBase.less";
46
46
  @import "ListItemBase.less";
47
47
  @import "MenuButton.less";
48
+ @import "MenuListItem.less";
48
49
  @import "MessageBox.less";
49
50
  @import "MessageStrip.less";
50
51
  @import "MessageView.less";
52
+ @import "MessageToast.less";
51
53
  @import "MultiComboBox.less";
52
54
  @import "MultiInput.less";
53
55
  @import "NewsContent.less";
@@ -102,6 +104,7 @@
102
104
  @import "Token.less";
103
105
  @import "Tokenizer.less";
104
106
  @import "Toolbar.less";
107
+ @import "Title.less";
105
108
  @import "UploadCollection.less";
106
109
  @import "ValueStateHeader.less";
107
110
  @import "ValueStateMessage.less";
@@ -180,7 +180,8 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
180
180
  border: 0.125rem solid @sapUiContentContrastFocusColor;
181
181
  }
182
182
 
183
- .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
183
+ .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
184
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
184
185
  border-color: @sapUiButtonLiteBorderColor;
185
186
  }
186
187
 
@@ -198,13 +199,16 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
198
199
  /* ------------------------------------------------ */
199
200
 
200
201
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
203
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
204
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
205
  color: @sapUiButtonLiteTextColor;
203
206
  background-color: @sapUiButtonLiteBackground;
204
207
  }
205
208
 
206
209
  .sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
207
- .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack {
210
+ .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
211
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
208
212
  color: @sapUiButtonLiteTextColor;
209
213
  .sapUiIcon {
210
214
  color: @sapUiButtonLiteTextColor;
@@ -212,7 +216,9 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
212
216
  }
213
217
 
214
218
  .sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
215
- .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
219
+ .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
220
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
221
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
216
222
  border-color: @sapUiButtonLiteBorderColor;
217
223
  }
218
224
 
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- .sapMCbBgDis .sapMCbBg {
36
+ .sapMCbBgDis {
37
37
  opacity: @sapUiContentDisabledOpacity;
38
38
  }
39
39
 
@@ -43,13 +43,16 @@
43
43
  }
44
44
 
45
45
  .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
46
- color: @sapUiContentNonInteractiveIconColor;
46
+ color: @sapUiFieldTextColor;
47
47
  }
48
48
 
49
- .sapMCbHoverable:hover {
50
- border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
49
+ .sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
50
+ border: @sapUiFieldBorderWidth solid @sapUiFieldHoverBorderColor;
51
51
  color: @sapUiContentSelectedForegroundColor;
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ background-color: @sapUiContentSelectedHoverBackground;
53
+ }
54
+
55
+ .sapMCb:hover .sapMCbHoverable {
53
56
  background-color: @sapUiFieldHoverBackground;
54
57
  }
55
58
 
@@ -64,28 +67,18 @@
64
67
  border-width: 0.1875rem;
65
68
  }
66
69
  }
67
-
68
- .sapMCbHoverable:hover {
69
- box-shadow: @sapUiContentNegativeShadow;
70
- background-color: @sapUiFieldHoverBackground;
71
- }
72
70
  }
73
71
 
74
72
  .sapMCbWarn {
75
73
  .sapMCbBg {
76
74
  background-color: @sapUiFieldWarningBackground;
77
75
  border: @sapUiFieldWarningBorderWidth solid @sapUiFieldWarningColor;
78
- color: @sapUiFieldTextColor;
76
+ color: @sapUiFieldWarningColor;
79
77
 
80
78
  &.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
81
79
  border-width: 0.1875rem;
82
80
  }
83
81
  }
84
-
85
- .sapMCbHoverable:hover {
86
- box-shadow: @sapUiContentCriticalShadow;
87
- background-color: @sapUiFieldHoverBackground;
88
- }
89
82
  }
90
83
 
91
84
  .sapMCbInfo {
@@ -98,11 +91,6 @@
98
91
  border-width: 0.1875rem;
99
92
  }
100
93
  }
101
-
102
- .sapMCbHoverable:hover {
103
- box-shadow: @sapUiContentInformativeShadow;
104
- background-color: @sapUiFieldHoverBackground;
105
- }
106
94
  }
107
95
 
108
96
  .sapMCbSucc {
@@ -111,11 +99,6 @@
111
99
  border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
112
100
  color: @sapUiFieldSuccessColor;
113
101
  }
114
-
115
- .sapMCbHoverable:hover {
116
- box-shadow: @sapUiContentPositiveShadow;
117
- background-color: @sapUiFieldHoverBackground;
118
- }
119
102
  }
120
103
 
121
104
  .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
@@ -192,7 +192,7 @@ html.sap-desktop .sapMGT.sapMGTLineMode:active{
192
192
  /************************************************************/
193
193
 
194
194
  .sapMGTLineMode .sapMGTHdrTxt {
195
- color: @sapUiButtonTextColor;
195
+ color: @sapTile_TitleTextColor;
196
196
  font-size: @sapMFontMediumSize;
197
197
  text-shadow: @sapUiShadowText;
198
198
  }
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_Height: 2.25rem;
13
12
  @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
14
13
  @_sap_m_InputBase_IconLineHeight: 2.25rem;
15
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
@@ -17,6 +16,7 @@
17
16
  @_sap_m_InputBase_IconMinWidth: 2rem;
18
17
  @_sap_m_InputBaseWrapper_Sum_Border: 0;
19
18
  @_sap_m_InputBase_FocusOffset: 0px;
19
+ @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
20
20
  @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
21
21
 
22
22
  .sapMILI-CTX .sapMInputBaseContentWrapperError,
@@ -7,7 +7,6 @@
7
7
  opacity: @sapUiContentDisabledOpacity;
8
8
  outline: none;
9
9
  cursor: default;
10
- text-decoration: none;
11
10
  }
12
11
 
13
12
  .sapMLnkEmphasized {
@@ -24,18 +23,10 @@
24
23
  text-decoration: underline;
25
24
  }
26
25
 
27
- .sapMLnkSubtle:focus {
28
- color: @sapUiContentFocusColor;
29
- }
30
-
31
26
  .sapMLnk:not(.sapMLnkDsbl) {
32
27
  text-shadow: @sapUiContentTextShadow;
33
28
  }
34
29
 
35
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
36
- text-decoration: none;
37
- }
38
-
39
30
  /* align Link in Form with Label */
40
31
  .sapUiFormEdit .sapMLnk {
41
32
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -54,6 +45,7 @@ html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
54
45
  outline: none;
55
46
  }
56
47
 
57
- html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
48
+ html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
49
+ html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
58
50
  text-decoration: none;
59
51
  }
@@ -0,0 +1,13 @@
1
+ .sapUiSizeCompact {
2
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
3
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
4
+ margin-left: 3rem;
5
+ }
6
+ }
7
+ }
8
+
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3.75rem;
12
+ }
13
+ }
@@ -62,6 +62,10 @@
62
62
  border-bottom: none;
63
63
  }
64
64
 
65
+ .sapMPanelContent {
66
+ padding: 0.625rem 1rem;
67
+ }
68
+
65
69
  .sapMPanel .sapMPanelHdr {
66
70
  line-height: 2.75rem;
67
71
  height: 2.75rem;
@@ -14,7 +14,7 @@
14
14
  /* IconOnly Hover */
15
15
 
16
16
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
17
- background: @sapUiButtonLiteHoverBackground;
17
+ background: @sapUiFieldHoverBackground;
18
18
  border: none;
19
19
 
20
20
  &.sapMSltWithIcon {
@@ -44,20 +44,21 @@
44
44
  .sapMSlt {
45
45
  font-family: @sapFontFamily;
46
46
  font-size: @sapFontSize;
47
- height: 2.25rem;
47
+ height: @sapUiElementHeight;
48
48
  border: none;
49
49
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
50
50
  background-size: 100% @sapUiFieldBorderWidth;
51
51
  background-repeat: repeat-x;
52
52
  background-position: bottom;
53
+ box-shadow: @sapUiFieldShadow;
53
54
  }
54
55
 
55
56
  .sapUiSizeCompact .sapMSlt {
56
- height: 1.625rem;
57
+ height: @sapUiElementCompactHeight;
57
58
  }
58
59
 
59
60
  .sapMSlt > .sapMSltLabel {
60
- line-height: 2.125rem;
61
+ line-height: calc(@sapUiElementHeight - 0.125rem);
61
62
  }
62
63
 
63
64
  .sapMSltArrow {
@@ -70,7 +71,7 @@
70
71
 
71
72
  .sapMSlt.sapMSltPressed,
72
73
  .sapMSltPressed > .sapMSltArrow {
73
- background: @sapUiButtonLiteHoverBackground;
74
+ background: @sapUiFieldHoverBackground;
74
75
  }
75
76
 
76
77
  html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):before {
@@ -89,7 +90,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
89
90
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
90
91
  background: @sapUiFieldHoverBackground;
91
92
  border-color: @sapUiFieldHoverBorderColor;
92
- box-shadow: @sapUiContentInteractionShadow;
93
+ box-shadow: @sapUiFieldHoverShadow;
93
94
 
94
95
  .sapMSltArrow {
95
96
  border-radius: @sapUiFieldBorderCornerRadius;
@@ -142,7 +143,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
142
143
 
143
144
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
144
145
  border:none;
145
- box-shadow: @sapUiContentInteractionShadow;
146
+ box-shadow: @sapUiFieldHoverShadow;
146
147
  border: none;
147
148
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
148
149
  background-size: 100% @sapUiFieldBorderWidth;
@@ -180,7 +181,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
180
181
  .sapMSltPressed >.sapMSltArrow,
181
182
  .sapMSlt:hover > .sapMSltArrow {
182
183
  background-color: @sapUiButtonActiveBackground;
183
- box-shadow: @sapUiContentInteractionShadow;
184
+ box-shadow: @sapUiFieldHoverShadow;
184
185
  overflow: none;
185
186
  border-radius: 0.125rem;
186
187
  }
@@ -203,15 +204,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
203
204
  background-repeat: repeat-x;
204
205
  background-position: bottom;
205
206
  background-color: @sapUiFieldInformationBackground;
207
+ box-shadow: @sapUiFieldInformationShadow;
206
208
  }
207
209
 
208
210
  .sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
209
211
  border-color: @sapUiFieldInformationColor;
210
- box-shadow: @sapUiContentInformativeShadow;
212
+ box-shadow: @sapUiFieldHoverInformationShadow;
211
213
  background-color: @sapUiFieldHoverBackground;
212
214
 
213
215
  &:not(.sapMSltFocused) {
214
- box-shadow: @sapUiContentInformativeShadow; // NEW Parameter
216
+ box-shadow: @sapUiFieldHoverInformationShadow; // NEW Parameter
215
217
  }
216
218
  }
217
219
 
@@ -225,7 +227,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
225
227
  .sapMSltInformation.sapMSltPressed {
226
228
  .sapMSltArrow {
227
229
  color: @sapUiButtonSelectedTextColor;
228
- box-shadow: @sapUiContentInformativeShadow;
230
+ box-shadow: @sapUiFieldHoverInformationShadow;
229
231
  }
230
232
  > .sapMSltArrow::before {
231
233
  color: inherit;
@@ -243,15 +245,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
243
245
  background-repeat: repeat-x;
244
246
  background-position: bottom;
245
247
  background-color: @sapUiFieldSuccessBackground;
248
+ box-shadow: @sapUiFieldSuccessShadow;
246
249
  }
247
250
 
248
251
  .sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
249
252
  border-color: @sapUiFieldSuccessColor;
250
- box-shadow: @sapUiContentPositiveShadow;
253
+ box-shadow: @sapUiFieldHoverSuccessShadow;
251
254
  background-color: @sapUiFieldHoverBackground;
252
255
 
253
256
  &:not(.sapMSltFocused) {
254
- box-shadow: @sapUiContentPositiveShadow; // New Parameter
257
+ box-shadow: @sapUiFieldHoverSuccessShadow; // New Parameter
255
258
  }
256
259
  }
257
260
 
@@ -267,7 +270,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
267
270
  .sapMSltSuccess.sapMSltPressed {
268
271
  .sapMSltArrow {
269
272
  color: @sapUiButtonAcceptSelectedTextColor;
270
- box-shadow: @sapUiContentPositiveShadow;
273
+ box-shadow: @sapUiFieldHoverSuccessShadow;
271
274
  }
272
275
  > .sapMSltArrow::before {
273
276
  color: inherit;
@@ -285,15 +288,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
285
288
  background-repeat: repeat-x;
286
289
  background-position: bottom;
287
290
  background-color: @sapUiFieldWarningBackground;
291
+ box-shadow: @sapUiFieldWarningShadow;
288
292
  }
289
293
 
290
294
  .sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
291
295
  border-color: @sapUiFieldWarningColor;
292
- box-shadow: @sapUiContentCriticalShadow;
296
+ box-shadow: @sapUiFieldHoverWarningShadow;
293
297
  background-color: @sapUiFieldHoverBackground;
294
298
 
295
299
  &:not(.sapMSltFocused) {
296
- box-shadow: @sapUiContentCriticalShadow; // NEW Parameter
300
+ box-shadow: @sapUiFieldHoverWarningShadow; // NEW Parameter
297
301
  }
298
302
  }
299
303
 
@@ -308,7 +312,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
308
312
  .sapMSltWarning.sapMSltPressed {
309
313
  .sapMSltArrow {
310
314
  color: @sapUiButtonAttentionSelectedTextColor;
311
- box-shadow: @sapUiContentCriticalShadow;
315
+ box-shadow: @sapUiFieldHoverWarningShadow;
312
316
  }
313
317
  > .sapMSltArrow::before {
314
318
  color: inherit;
@@ -326,15 +330,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
326
330
  background-repeat: repeat-x;
327
331
  background-position: bottom;
328
332
  background-color: @sapUiFieldInvalidBackgroundStyle;
333
+ box-shadow: @sapUiFieldInvalidShadow;
329
334
  }
330
335
 
331
336
  .sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
332
337
  border-color: @sapUiFieldInvalidColor;
333
- box-shadow: @sapUiContentNegativeShadow;
338
+ box-shadow: @sapUiFieldHoverInvalidShadow;
334
339
  background-color: @sapUiFieldHoverBackground;
335
340
 
336
341
  &:not(.sapMSltFocused) {
337
- box-shadow: @sapUiContentNegativeShadow; // NEW Parameter
342
+ box-shadow: @sapUiFieldHoverInvalidShadow; // NEW Parameter
338
343
  }
339
344
  }
340
345
 
@@ -349,7 +354,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
349
354
  .sapMSltError.sapMSltPressed {
350
355
  .sapMSltArrow {
351
356
  color: @sapUiFieldInvalidColor;
352
- box-shadow: @sapUiContentNegativeShadow;
357
+ box-shadow: @sapUiFieldHoverInvalidShadow;
353
358
  }
354
359
  > .sapMSltArrow::before {
355
360
  color: inherit;
@@ -39,23 +39,4 @@
39
39
 
40
40
  .sapMListTblDummyCell:last-child {
41
41
  background-color: @sapUiListBackground;
42
- }
43
-
44
- /* overwrite text control styles */
45
- .sapMListTblCell {
46
- .sapMLnk,
47
- .sapMText,
48
- .sapMLabel,
49
- .sapMObjectNumber,
50
- .sapMObjectIdentifier,
51
- .sapMObjStatus {
52
- line-height: 1.5rem;
53
- }
54
-
55
- .sapMRb {
56
- .sapMLabel {
57
- vertical-align: top;
58
- line-height: 2rem;
59
- }
60
- }
61
42
  }
@@ -0,0 +1,12 @@
1
+ /* ======================================== */
2
+ /* CSS for control sap.m/Title */
3
+ /* Evening Horizon theme */
4
+ /* ======================================== */
5
+
6
+ .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
+ .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
+ .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
+ .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
11
+ font-family: @sapFontBlackFamily;
12
+ }