@openui5/themelib_sap_horizon 1.112.2 → 1.114.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 (66) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +42 -17
  4. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +32 -6
  5. package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
  6. package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
  7. package/src/sap/m/themes/sap_horizon/ActionSelect.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
  9. package/src/sap/m/themes/sap_horizon/FeedInput.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/InputBase.less +9 -1
  11. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  12. package/src/sap/m/themes/sap_horizon/Panel.less +5 -1
  13. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +7 -13
  14. package/src/sap/m/themes/sap_horizon/Select.less +25 -20
  15. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +42 -0
  16. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +18 -0
  17. package/src/sap/m/themes/sap_horizon/Table.less +0 -21
  18. package/src/sap/m/themes/sap_horizon/Title.less +12 -0
  19. package/src/sap/m/themes/sap_horizon/library.source.less +2 -0
  20. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
  21. package/src/sap/m/themes/sap_horizon_dark/FeedInput.less +1 -1
  22. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +9 -1
  23. package/src/sap/m/themes/sap_horizon_dark/Panel.less +5 -1
  24. package/src/sap/m/themes/sap_horizon_dark/Select.less +25 -20
  25. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +42 -0
  26. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarMonthGrid.less +18 -0
  27. package/src/sap/m/themes/sap_horizon_dark/Table.less +0 -19
  28. package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
  29. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  30. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
  31. package/src/sap/m/themes/sap_horizon_hcb/FeedInput.less +19 -3
  32. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +5 -1
  34. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarMonthGrid.less +19 -1
  35. package/src/sap/m/themes/sap_horizon_hcb/Table.less +0 -19
  36. package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
  37. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  38. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
  39. package/src/sap/m/themes/sap_horizon_hcw/FeedInput.less +19 -2
  40. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +1 -1
  41. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +5 -1
  42. package/src/sap/m/themes/sap_horizon_hcw/Table.less +0 -19
  43. package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  45. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +1 -1
  46. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +1 -1
  47. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  48. package/src/sap/ui/core/themes/sap_horizon/base.less +868 -40
  49. package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
  50. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +869 -41
  52. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
  53. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  54. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +869 -34
  55. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
  56. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  57. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +869 -34
  58. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
  59. package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +2 -2
  60. package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +2 -2
  61. package/src/sap/ui/integration/themes/sap_horizon_dark/ListContent.less +2 -2
  62. package/src/sap/ui/integration/themes/sap_horizon_dark/TableContent.less +2 -2
  63. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +2 -2
  64. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +3 -9
  65. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +2 -2
  66. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +3 -9
@@ -220,4 +220,46 @@ html.sap-desktop {
220
220
  left: 0.125rem;
221
221
  right: 0.125rem;
222
222
  bottom: 0.125rem;
223
+ }
224
+
225
+ /* SELECTED CELL IN HEADER */
226
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
227
+ position: absolute;
228
+ top: 0;
229
+ left: 0;
230
+ right: 0;
231
+ bottom: 0;
232
+ border: 0.0625rem solid @sapUiContentFocusColor;
233
+ content: "";
234
+ border-radius: 0.5rem;
235
+ }
236
+
237
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
238
+ top: 0.1875rem;
239
+ left: 0.1875rem;
240
+ right: 0.1875rem;
241
+ bottom: 0.1875rem;
242
+ border-radius: 0.0625rem;
243
+ }
244
+
245
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus::after {
246
+ position: absolute;
247
+ top: 0.375rem;
248
+ left: 0.375rem;
249
+ right: 0.375rem;
250
+ bottom: 0.375rem;
251
+ border: 0.125rem solid @sapUiContentFocusColor;
252
+ content: "";
253
+ border-radius: 0.1875rem;
254
+ }
255
+
256
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
257
+ position: absolute;
258
+ top: 0;
259
+ left: 0;
260
+ right: 0;
261
+ bottom: 0;
262
+ border: 0.0625rem solid @sapUiContentFocusColor;
263
+ content: "";
264
+ border-radius: 0.5rem;
223
265
  }
@@ -39,4 +39,22 @@ html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMar
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
41
  outline-offset: -0.25rem;
42
+ }
43
+
44
+ .specialDateIndicator {
45
+ top: 0.1875rem;
46
+ right: 0.1875rem;
47
+ }
48
+
49
+ .sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
50
+ top: 0.3125rem;
51
+ right: 0.3125rem;
52
+ }
53
+
54
+ .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
55
+ right: 0.1875rem;
56
+ }
57
+
58
+ .sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
59
+ right: 0.3125rem;
42
60
  }
@@ -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
+ }
@@ -48,6 +48,7 @@
48
48
  @import "MessageBox.less";
49
49
  @import "MessageStrip.less";
50
50
  @import "MessageView.less";
51
+ @import "MessageToast.less";
51
52
  @import "MultiComboBox.less";
52
53
  @import "MultiInput.less";
53
54
  @import "NewsContent.less";
@@ -102,6 +103,7 @@
102
103
  @import "Token.less";
103
104
  @import "Tokenizer.less";
104
105
  @import "Toolbar.less";
106
+ @import "Title.less";
105
107
  @import "UploadCollection.less";
106
108
  @import "ValueStateHeader.less";
107
109
  @import "ValueStateMessage.less";
@@ -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) {
@@ -6,7 +6,7 @@
6
6
  @_sap_m_FeedInput_BackgroundColor: darken(@sapUiBaseColor, 9);
7
7
 
8
8
  .sapMFeedIn {
9
- background-color: @_sap_m_FeedInput_BackgroundColor;
9
+ background-color: @sapGroup_ContentBackground;
10
10
  }
11
11
 
12
12
  .sapMFeedIn .sapMFeedInContainer {
@@ -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,
@@ -120,4 +120,12 @@
120
120
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
121
121
  height: 1.25rem;
122
122
  }
123
+ }
124
+
125
+ /* List specific styles */
126
+ .sapMILI-CTX .sapMInputBaseContentWrapper,
127
+ .sapMILI-CTX .sapMInputBaseInner,
128
+ .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
129
+ .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
130
+ text-align: right;
123
131
  }
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  /* if Panel is not expandable, we do wish header to come with own border */
30
- .sapMPanel > .sapMPanelHdr,
30
+ .sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
31
31
  /* notice: sapMPanelWrappingDiv is available if Panel is expandable */
32
32
  .sapMPanelWrappingDiv,
33
33
  /* do not want border if expanded and if only header text */
@@ -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;
@@ -220,4 +220,46 @@ html.sap-desktop {
220
220
  left: 0.125rem;
221
221
  right: 0.125rem;
222
222
  bottom: 0.125rem;
223
+ }
224
+
225
+ /* SELECTED CELL IN HEADER */
226
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
227
+ position: absolute;
228
+ top: 0;
229
+ left: 0;
230
+ right: 0;
231
+ bottom: 0;
232
+ border: 0.0625rem solid @sapUiContentFocusColor;
233
+ content: "";
234
+ border-radius: 0.5rem;
235
+ }
236
+
237
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
238
+ top: 0.1875rem;
239
+ left: 0.1875rem;
240
+ right: 0.1875rem;
241
+ bottom: 0.1875rem;
242
+ border-radius: 0.0625rem;
243
+ }
244
+
245
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus::after {
246
+ position: absolute;
247
+ top: 0.375rem;
248
+ left: 0.375rem;
249
+ right: 0.375rem;
250
+ bottom: 0.375rem;
251
+ border: 0.125rem solid @sapUiContentFocusColor;
252
+ content: "";
253
+ border-radius: 0.1875rem;
254
+ }
255
+
256
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
257
+ position: absolute;
258
+ top: 0;
259
+ left: 0;
260
+ right: 0;
261
+ bottom: 0;
262
+ border: 0.0625rem solid @sapUiContentFocusColor;
263
+ content: "";
264
+ border-radius: 0.5rem;
223
265
  }
@@ -39,4 +39,22 @@ html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMar
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
41
  outline-offset: -0.25rem;
42
+ }
43
+
44
+ .specialDateIndicator {
45
+ top: 0.1875rem;
46
+ right: 0.1875rem;
47
+ }
48
+
49
+ .sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
50
+ top: 0.3125rem;
51
+ right: 0.3125rem;
52
+ }
53
+
54
+ .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
55
+ right: 0.1875rem;
56
+ }
57
+
58
+ .sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
59
+ right: 0.3125rem;
42
60
  }
@@ -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
+ }
@@ -102,6 +102,7 @@
102
102
  @import "Token.less";
103
103
  @import "Tokenizer.less";
104
104
  @import "Toolbar.less";
105
+ @import "Title.less";
105
106
  @import "UploadCollection.less";
106
107
  @import "ValueStateHeader.less";
107
108
  @import "ValueStateMessage.less";
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- .sapMCbBgDis .sapMCbBg {
36
+ .sapMCbBgDis {
37
37
  opacity: @sapUiContentDisabledOpacity;
38
38
  }
39
39
 
@@ -43,16 +43,19 @@
43
43
  }
44
44
 
45
45
  .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
46
- color: @sapUiContentNonInteractiveIconColor;
46
+ color: @sapUiFieldTextColor;
47
47
  }
48
48
 
49
- .sapMCbHoverable:hover {
49
+ .sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
50
50
  border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
51
51
  color: @sapUiContentSelectedForegroundColor;
52
- box-shadow: @sapUiContentInteractionShadow;
53
52
  background-color: @sapSelectedColor;
54
53
  }
55
54
 
55
+ .sapMCb:hover .sapMCbHoverable {
56
+ background-color: @sapUiFieldHoverBackground;
57
+ }
58
+
56
59
  // value state
57
60
  .sapMCbErr {
58
61
  .sapMCbBg {
@@ -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 dashed @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.25rem;
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) {
@@ -4,9 +4,25 @@
4
4
  /* ==========0======================= */
5
5
 
6
6
  .sapMFeedIn {
7
- background-color: @sapUiHcReducedBackground;
7
+ background-color: @sapGroup_ContentBackground;
8
8
  }
9
-
10
9
  .sapMFeedInFigure {
11
- border-color: @sapUiHcReducedAltForeground;
10
+ border-color: @sapUiHcReducedAltForeground;
11
+ }
12
+ .sapMFeedIn .sapMBtn {
13
+ position: absolute;
14
+ right: 0rem;
15
+ bottom: 0rem;
16
+ border-width: @sapButton_BorderWidth;
17
+ border-radius: @sapButton_BorderCornerRadius;
18
+ background-color:@sapGroup_ContentBackground;
19
+ font-size: @sapFontSize;
20
+ font-family: @sapFontSemiboldDuplexFamily;
21
+ }
22
+ .sapMFeedIn .sapMBtnInner{
23
+ padding:0;
24
+ border-radius: @sapButton_BorderCornerRadius;
25
+ background-color:@sapButton_Background;
26
+ border: 1px solid @sapButton_BorderColor;
27
+ color:@sapButton_TextColor
12
28
  }