@openui5/themelib_sap_horizon 1.108.1 → 1.109.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 (71) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/Card.less +3 -3
  4. package/src/sap/f/themes/sap_horizon/library.source.less +0 -1
  5. package/src/sap/f/themes/sap_horizon_dark/Card.less +2 -2
  6. package/src/sap/f/themes/sap_horizon_dark/library.source.less +0 -1
  7. package/src/sap/f/themes/sap_horizon_hcb/Card.less +4 -0
  8. package/src/sap/f/themes/sap_horizon_hcw/Card.less +4 -0
  9. package/src/sap/m/themes/sap_horizon/AdditionalTextButton.less +12 -0
  10. package/src/sap/m/themes/sap_horizon/LightBox.less +0 -1
  11. package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
  12. package/src/sap/m/themes/sap_horizon/PlanningCalendar.less +3 -0
  13. package/src/sap/m/themes/sap_horizon/Select.less +6 -5
  14. package/src/sap/m/themes/sap_horizon/Slider.less +14 -13
  15. package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
  16. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  17. package/src/sap/m/themes/sap_horizon_dark/AdditionalTextButton.less +12 -0
  18. package/src/sap/m/themes/sap_horizon_dark/LightBox.less +0 -1
  19. package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
  20. package/src/sap/m/themes/sap_horizon_dark/PlanningCalendar.less +3 -0
  21. package/src/sap/m/themes/sap_horizon_dark/Select.less +6 -5
  22. package/src/sap/m/themes/sap_horizon_dark/Slider.less +13 -12
  23. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  24. package/src/sap/m/themes/sap_horizon_hcb/LightBox.less +0 -1
  25. package/src/sap/m/themes/sap_horizon_hcb/PlanningCalendar.less +4 -0
  26. package/src/sap/m/themes/sap_horizon_hcb/Select.less +3 -9
  27. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +18 -16
  29. package/src/sap/m/themes/sap_horizon_hcw/LightBox.less +0 -1
  30. package/src/sap/m/themes/sap_horizon_hcw/PlanningCalendar.less +4 -0
  31. package/src/sap/m/themes/sap_horizon_hcw/Select.less +3 -9
  32. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +18 -17
  34. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  35. package/src/sap/ui/core/themes/sap_horizon/base.less +123 -17
  36. package/src/sap/ui/core/themes/sap_horizon/global.less +64 -0
  37. package/src/sap/ui/core/themes/sap_horizon/shared.less +22 -36
  38. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +124 -18
  40. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +64 -0
  41. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +23 -36
  42. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon_hcb/Icon.less +9 -0
  44. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +120 -14
  45. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +64 -0
  46. package/src/sap/ui/core/themes/sap_horizon_hcb/library.source.less +1 -0
  47. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +22 -36
  48. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_hcw/Icon.less +9 -0
  50. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +120 -14
  51. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +64 -0
  52. package/src/sap/ui/core/themes/sap_horizon_hcw/library.source.less +1 -0
  53. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +21 -36
  54. package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +19 -0
  55. package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +24 -0
  56. package/src/sap/ui/integration/themes/sap_horizon/library.source.less +3 -1
  57. package/src/sap/ui/integration/themes/sap_horizon_dark/ListContent.less +19 -0
  58. package/src/sap/ui/integration/themes/sap_horizon_dark/TableContent.less +24 -0
  59. package/src/sap/ui/integration/themes/sap_horizon_dark/library.source.less +3 -1
  60. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
  61. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +11 -3
  62. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +4 -1
  63. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +4 -0
  64. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +12 -0
  65. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +12 -0
  66. package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +13 -0
  67. package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +13 -0
  68. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +0 -4
  69. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +0 -4
  70. package/src/sap/f/themes/sap_horizon/ListContentItem.less +0 -24
  71. package/src/sap/f/themes/sap_horizon_dark/ListContentItem.less +0 -24
package/THIRDPARTY.txt CHANGED
@@ -478,7 +478,7 @@ License: Apache-2.0
478
478
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
479
479
  Contained in: lib/jsdoc/ui5/plugin.js
480
480
 
481
- Component: SAP Theming Base Content, version: 11.1.40
481
+ Component: SAP Theming Base Content, version: 11.1.44
482
482
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
483
483
  License: Apache-2.0
484
484
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.108.1",
3
+ "version": "1.109.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.108.1",
18
- "@openui5/sap.m": "1.108.1",
19
- "@openui5/sap.tnt": "1.108.1",
20
- "@openui5/sap.ui.codeeditor": "1.108.1",
21
- "@openui5/sap.ui.commons": "1.108.1",
22
- "@openui5/sap.ui.core": "1.108.1",
23
- "@openui5/sap.ui.dt": "1.108.1",
24
- "@openui5/sap.ui.fl": "1.108.1",
25
- "@openui5/sap.ui.mdc": "1.108.1",
26
- "@openui5/sap.ui.integration": "1.108.1",
27
- "@openui5/sap.ui.layout": "1.108.1",
28
- "@openui5/sap.ui.rta": "1.108.1",
29
- "@openui5/sap.ui.suite": "1.108.1",
30
- "@openui5/sap.ui.table": "1.108.1",
31
- "@openui5/sap.ui.unified": "1.108.1",
32
- "@openui5/sap.ui.ux3": "1.108.1",
33
- "@openui5/sap.uxap": "1.108.1"
17
+ "@openui5/sap.f": "1.109.0",
18
+ "@openui5/sap.m": "1.109.0",
19
+ "@openui5/sap.tnt": "1.109.0",
20
+ "@openui5/sap.ui.codeeditor": "1.109.0",
21
+ "@openui5/sap.ui.commons": "1.109.0",
22
+ "@openui5/sap.ui.core": "1.109.0",
23
+ "@openui5/sap.ui.dt": "1.109.0",
24
+ "@openui5/sap.ui.fl": "1.109.0",
25
+ "@openui5/sap.ui.mdc": "1.109.0",
26
+ "@openui5/sap.ui.integration": "1.109.0",
27
+ "@openui5/sap.ui.layout": "1.109.0",
28
+ "@openui5/sap.ui.rta": "1.109.0",
29
+ "@openui5/sap.ui.suite": "1.109.0",
30
+ "@openui5/sap.ui.table": "1.109.0",
31
+ "@openui5/sap.ui.unified": "1.109.0",
32
+ "@openui5/sap.ui.ux3": "1.109.0",
33
+ "@openui5/sap.uxap": "1.109.0"
34
34
  }
35
35
  }
@@ -59,6 +59,6 @@
59
59
  outline-offset: -0.125rem;
60
60
  }
61
61
 
62
- .sapFCard .sapMNC {
63
- margin-top: 0.5rem;
64
- }
62
+ .sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
63
+ margin-top: 0.25rem;
64
+ }
@@ -16,6 +16,5 @@
16
16
  @import "FlexibleColumnLayout.less";
17
17
  @import "GridList.less";
18
18
  @import "GridListItem.less";
19
- @import "ListContentItem.less";
20
19
  @import "ShellBar.less";
21
20
  @import "SidePanel.less";
@@ -51,6 +51,6 @@
51
51
  margin-top: 0.125rem;
52
52
  }
53
53
 
54
- .sapFCard .sapMNC {
55
- margin-top: 0.5rem;
54
+ .sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
55
+ margin-top: 0.25rem;
56
56
  }
@@ -16,6 +16,5 @@
16
16
  @import "FlexibleColumnLayout.less";
17
17
  @import "GridList.less";
18
18
  @import "GridListItem.less";
19
- @import "ListContentItem.less";
20
19
  @import "ShellBar.less";
21
20
  @import "SidePanel.less";
@@ -43,4 +43,8 @@
43
43
  .sapFCardFooter {
44
44
  padding-top: 0.75rem;
45
45
  }
46
+ }
47
+
48
+ .sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
49
+ margin-top: 0.25rem;
46
50
  }
@@ -43,4 +43,8 @@
43
43
  .sapFCardFooter {
44
44
  padding-top: 0.75rem;
45
45
  }
46
+ }
47
+
48
+ .sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
49
+ margin-top: 0.25rem;
46
50
  }
@@ -0,0 +1,12 @@
1
+ html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator):before {
2
+ content: "";
3
+ position: absolute;
4
+ box-sizing: border-box;
5
+ left: -0.0625rem;
6
+ top: -0.0625rem;
7
+ right: -0.0625rem;
8
+ bottom: -0.0625rem;
9
+ border: 0.125rem solid #0070f2;
10
+ pointer-events: none;
11
+ border-radius: 0.375rem;
12
+ }
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
- @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
13
12
  @_sap_m_LightBox_OverlayOpacity: 0.2;
14
13
  @_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
15
14
 
@@ -77,7 +77,7 @@
77
77
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
78
78
  & .sapMPanelHeaderTB {
79
79
  border-top-left-radius: 0;
80
- margin-left: 2.25rem;
80
+ margin-left: 2.75rem;
81
81
  padding-left: 0.25rem;
82
82
  }
83
83
 
@@ -88,6 +88,9 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
88
88
  }
89
89
  }
90
90
  .sapUiCalMonthsRow {
91
+ .sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
92
+ position: initial;
93
+ }
91
94
  .sapUiCalItemSel:focus > .sapUiCalItemText:after {
92
95
  left: 0;
93
96
  }
@@ -152,14 +152,15 @@ div.sapMSltPicker .sapMSltPickerValueState {
152
152
 
153
153
  .sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
154
154
  .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
155
- background: @sapUiFieldFocusBackground;
155
+ background: @sapUiFieldBackground;
156
156
  border: none;
157
- box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
157
+ &:not(.sapMSltExpanded) {
158
+ box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
159
+ }
158
160
  }
159
161
 
160
162
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):active {
161
163
  border:none;
162
- box-shadow: inset 0px 0px 0px 2px @sapUiFieldActiveBorderColor;
163
164
  }
164
165
 
165
166
  .sapMSltArrow {
@@ -176,9 +177,9 @@ div.sapMSltPicker .sapMSltPickerValueState {
176
177
  margin-right: 2px;
177
178
  }
178
179
 
179
- .sapMSltPressed >.sapMSltArrow {
180
+ .sapMSltPressed >.sapMSltArrow,
181
+ .sapMSlt:hover > .sapMSltArrow {
180
182
  background-color: @sapUiButtonActiveBackground;
181
- color: @sapUiButtonActiveTextColor;
182
183
  box-shadow: @sapUiContentInteractionShadow;
183
184
  overflow: none;
184
185
  border-radius: 0.125rem;
@@ -27,17 +27,18 @@
27
27
  font-family: SAP-icons;
28
28
  content: "\e29c";
29
29
  position: absolute;
30
- top: 4px;
30
+ top: 0.25rem;
31
31
  right: 0.5rem;
32
32
  overflow: hidden;
33
33
  vertical-align: middle;
34
- font-size:14px;
34
+ font-size: 0.875rem;
35
+ line-height: 0.875rem;
35
36
  color: @sapContent_Selected_ForegroundColor;
36
37
  }
37
38
 
38
39
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
39
40
  &:after {
40
- top: 3px;
41
+ top: 0.1875rem;
41
42
  right: 0.4375rem;
42
43
  }
43
44
  }
@@ -88,8 +89,8 @@
88
89
  border-radius: 50%;
89
90
  width: 0.5rem;
90
91
  height: 0.5rem;
91
- left: -14px;
92
- top: -2px;
92
+ left: -0.875rem;
93
+ top: -0.125rem;
93
94
  }
94
95
 
95
96
  .sapMSlider::after {
@@ -101,8 +102,8 @@
101
102
  border-radius: 50%;
102
103
  width: 0.5rem;
103
104
  height: 0.5rem;
104
- right: 2px;
105
- top: 22px;
105
+ right: 0.125rem;
106
+ top: 1.375rem;
106
107
  }
107
108
 
108
109
  .sapMSliderTooltip {
@@ -119,8 +120,8 @@
119
120
  }
120
121
 
121
122
  .sapMSliderTickmarks {
123
+ top: -0.75rem;
122
124
  display: flex;
123
- top: initial;
124
125
  box-sizing: border-box;
125
126
  align-items: center;
126
127
  }
@@ -148,12 +149,12 @@
148
149
  }
149
150
 
150
151
  .sapMSlider::after {
151
- top: 12px;
152
- right: 6px;
152
+ top: 0.75rem;
153
+ right: 0.375rem;
153
154
  }
154
155
 
155
156
  .sapMSliderInner::before {
156
- left: -12px;
157
+ left: -0.75rem;
157
158
  }
158
159
 
159
160
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -172,13 +173,13 @@
172
173
  }
173
174
 
174
175
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
175
- top: 2px;
176
+ top: 0.125rem;
176
177
  right: 0.25rem;
177
178
  }
178
179
 
179
180
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
180
181
  &:after {
181
- top: 1px;
182
+ top: 0.0625rem;
182
183
  right: 0.1875rem;
183
184
  }
184
185
  }
@@ -10,7 +10,7 @@ html.sap-desktop .sapMTBActive:focus {
10
10
 
11
11
  .sapMTB {
12
12
  height: 2.75rem;
13
- padding: 0 0.5rem;
13
+ padding: 0 0.5rem 0 0.25rem;
14
14
  background: @sapUiToolbarBackground;
15
15
  }
16
16
 
@@ -11,6 +11,7 @@
11
11
  @import "ActionListItem.less";
12
12
  @import "ActionSelect.less";
13
13
  @import "ActionSheet.less";
14
+ @import "AdditionalTextButton.less";
14
15
  @import "Avatar.less";
15
16
  @import "Bar.less";
16
17
  @import "Breadcrumbs.less";
@@ -0,0 +1,12 @@
1
+ html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator):before {
2
+ content: "";
3
+ position: absolute;
4
+ box-sizing: border-box;
5
+ left: -0.0625rem;
6
+ top: -0.0625rem;
7
+ right: -0.0625rem;
8
+ bottom: -0.0625rem;
9
+ border: 0.125rem solid #0070f2;
10
+ pointer-events: none;
11
+ border-radius: 0.375rem;
12
+ }
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
- @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
13
12
  @_sap_m_LightBox_OverlayOpacity: 0.2;
14
13
  @_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
15
14
 
@@ -78,7 +78,7 @@
78
78
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
79
79
  & .sapMPanelHeaderTB {
80
80
  border-top-left-radius: 0;
81
- margin-left: 2.25rem;
81
+ margin-left: 2.75rem;
82
82
  padding-left: 0.25rem;
83
83
  }
84
84
 
@@ -88,6 +88,9 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
88
88
  }
89
89
  }
90
90
  .sapUiCalMonthsRow {
91
+ .sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
92
+ position: initial;
93
+ }
91
94
  .sapUiCalItemSel:focus > .sapUiCalItemText:after {
92
95
  left: 0;
93
96
  }
@@ -152,14 +152,15 @@ div.sapMSltPicker .sapMSltPickerValueState {
152
152
 
153
153
  .sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
154
154
  .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
155
- background: @sapUiFieldFocusBackground;
155
+ background: @sapUiFieldBackground;
156
156
  border: none;
157
- box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
157
+ &:not(.sapMSltExpanded) {
158
+ box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
159
+ }
158
160
  }
159
161
 
160
162
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):active {
161
163
  border:none;
162
- box-shadow: inset 0px 0px 0px 2px @sapUiFieldActiveBorderColor;
163
164
  }
164
165
 
165
166
  .sapMSltArrow {
@@ -176,9 +177,9 @@ div.sapMSltPicker .sapMSltPickerValueState {
176
177
  margin-right: 2px;
177
178
  }
178
179
 
179
- .sapMSltPressed >.sapMSltArrow {
180
+ .sapMSltPressed >.sapMSltArrow,
181
+ .sapMSlt:hover > .sapMSltArrow {
180
182
  background-color: @sapUiButtonActiveBackground;
181
- color: @sapUiButtonActiveTextColor;
182
183
  box-shadow: @sapUiContentInteractionShadow;
183
184
  overflow: none;
184
185
  border-radius: 0.125rem;
@@ -22,17 +22,18 @@
22
22
  font-family: SAP-icons;
23
23
  content: "\e29c";
24
24
  position: absolute;
25
- top: 4px;
25
+ top: 0.25rem;
26
26
  right: 0.5rem;
27
27
  overflow: hidden;
28
28
  vertical-align: middle;
29
- font-size:14px;
29
+ font-size: 0.875rem;
30
+ line-height: 0.875rem;
30
31
  color: @sapContent_Selected_ForegroundColor;
31
32
  }
32
33
 
33
34
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
34
35
  &:after {
35
- top: 3px;
36
+ top: 0.1875rem;
36
37
  right: 0.4375rem;
37
38
  }
38
39
  }
@@ -83,8 +84,8 @@
83
84
  border-radius: 50%;
84
85
  width: 0.5rem;
85
86
  height: 0.5rem;
86
- left: -14px;
87
- top: -2px;
87
+ left: -0.875rem;
88
+ top: -0.125rem;
88
89
  }
89
90
 
90
91
  .sapMSlider::after {
@@ -96,8 +97,8 @@
96
97
  border-radius: 50%;
97
98
  width: 0.5rem;
98
99
  height: 0.5rem;
99
- right: 2px;
100
- top: 20px;
100
+ right: 0.125rem;
101
+ top: 1.25rem;
101
102
  }
102
103
 
103
104
  .sapMSliderTooltip {
@@ -142,12 +143,12 @@
142
143
  }
143
144
 
144
145
  .sapMSlider::after {
145
- top: 14px;
146
- right: 6px;
146
+ top: 0.875rem;
147
+ right: 0.375rem;
147
148
  }
148
149
 
149
150
  .sapMSliderInner::before {
150
- left: -12px;
151
+ left: -0.75rem;
151
152
  }
152
153
 
153
154
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -166,13 +167,13 @@
166
167
  }
167
168
 
168
169
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
169
- top: 2px;
170
+ top: 0.125rem;
170
171
  right: 0.25rem;
171
172
  }
172
173
 
173
174
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
174
175
  &:after {
175
- top: 1px;
176
+ top: 0.0625rem;
176
177
  right: 0.1875rem;
177
178
  }
178
179
  }
@@ -11,6 +11,7 @@
11
11
  @import "ActionListItem.less";
12
12
  @import "ActionSelect.less";
13
13
  @import "ActionSheet.less";
14
+ @import "AdditionalTextButton.less";
14
15
  @import "Avatar.less";
15
16
  @import "Bar.less";
16
17
  @import "Breadcrumbs.less";
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
- @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
13
12
  @_sap_m_LightBox_OverlayOpacity: 0.3;
14
13
  @_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
15
14
 
@@ -68,6 +68,10 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
68
68
  font-size: @sapMFontHeader4Size;
69
69
  }
70
70
 
71
+ .sapMPlanCal .sapUiCalMonthsRow .sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
72
+ position: initial;
73
+ }
74
+
71
75
  .sapMPlanCalRowHead .sapMSLI,
72
76
  .sapUiSizeCompact .sapMPlanCalRowHead .sapMSLI {
73
77
  height: auto;
@@ -121,20 +121,14 @@ div.sapMSltPicker {
121
121
  }
122
122
  }
123
123
 
124
- /* hover */
125
-
126
- .sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
124
+ .sapMSlt > .sapMSltArrow {
127
125
  border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
128
126
  }
129
127
 
130
128
  /* pressed */
131
129
 
132
- .sapMSltPressed > .sapMSltArrow {
133
- border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
134
-
135
- &:hover {
136
- background: @sapUiButtonLiteHoverBackground;
137
- }
130
+ .sapMSltPressed > .sapMSltArrow:hover {
131
+ background: @sapUiButtonLiteHoverBackground;
138
132
  }
139
133
 
140
134
  /* ====================================================== */
@@ -25,7 +25,6 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
29
28
  outline-offset: -0.1875rem;
30
29
  }
31
30
 
@@ -54,10 +54,10 @@
54
54
  border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
55
55
  border-radius: 0.75rem;
56
56
  pointer-events: none;
57
- top: -5px;
58
- bottom: -5px;
59
- left: -5px;
60
- right: -5px;
57
+ top: -0.3125rem;
58
+ bottom: -0.3125rem;
59
+ left: -0.3125rem;
60
+ right: -0.3125rem;
61
61
  }
62
62
  }
63
63
 
@@ -65,17 +65,18 @@
65
65
  font-family: SAP-icons;
66
66
  content: "\e29c";
67
67
  position: absolute;
68
- top: 4px;
68
+ top: 0.25rem;
69
69
  right: 0.5rem;
70
70
  overflow: hidden;
71
71
  vertical-align: middle;
72
- font-size: 14px;
72
+ font-size: 0.875rem;
73
+ line-height: 0.875rem;
73
74
  color: @sapContent_Selected_ForegroundColor;
74
75
  }
75
76
 
76
77
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
77
78
  &:after {
78
- top: 3px;
79
+ top: 0.1875rem;
79
80
  right: 0.4375rem;
80
81
  }
81
82
  }
@@ -117,6 +118,7 @@
117
118
  display: flex;
118
119
  box-sizing: border-box;
119
120
  align-items: center;
121
+ top: -0.8125rem;
120
122
  }
121
123
 
122
124
  .sapMSliderTick {
@@ -148,8 +150,8 @@
148
150
  border-radius: 50%;
149
151
  width: 0.5rem;
150
152
  height: 0.5rem;
151
- left: -14px;
152
- top: -3px;
153
+ left: -0.875rem;
154
+ top: -0.1875rem;
153
155
  }
154
156
 
155
157
  .sapMSlider::after {
@@ -161,8 +163,8 @@
161
163
  border-radius: 50%;
162
164
  width: 0.5rem;
163
165
  height: 0.5rem;
164
- right: 2px;
165
- top: 20px;
166
+ right: 0.125rem;
167
+ top: 1.25rem;
166
168
  }
167
169
 
168
170
  /* pressed */
@@ -180,12 +182,12 @@
180
182
  }
181
183
 
182
184
  .sapMSlider::after {
183
- top: 14px;
184
- right: 6px;
185
+ top: 0.875rem;
186
+ right: 0.375rem;
185
187
  }
186
188
 
187
189
  .sapMSliderInner::before {
188
- left: -12px;
190
+ left: -0.75rem;
189
191
  }
190
192
 
191
193
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -204,13 +206,13 @@
204
206
  }
205
207
 
206
208
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
207
- top: 2px;
209
+ top: 0.125rem;
208
210
  right: 0.25rem;
209
211
  }
210
212
 
211
213
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
212
214
  &:after {
213
- top: 1px;
215
+ top: 0.0625rem;
214
216
  right: 0.1875rem;
215
217
  }
216
218
  }
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
- @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
13
12
  @_sap_m_LightBox_OverlayOpacity: 0.3;
14
13
  @_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
15
14
 
@@ -68,6 +68,10 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
68
68
  font-size: @sapMFontHeader4Size;
69
69
  }
70
70
 
71
+ .sapMPlanCal .sapUiCalMonthsRow .sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
72
+ position: initial;
73
+ }
74
+
71
75
  .sapMPlanCalRowHead .sapMSLI,
72
76
  .sapUiSizeCompact .sapMPlanCalRowHead .sapMSLI {
73
77
  height: auto;
@@ -121,20 +121,14 @@ div.sapMSltPicker {
121
121
  }
122
122
  }
123
123
 
124
- /* hover */
125
-
126
- .sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
124
+ .sapMSlt > .sapMSltArrow {
127
125
  border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
128
126
  }
129
127
 
130
128
  /* pressed */
131
129
 
132
- .sapMSltPressed > .sapMSltArrow {
133
- border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
134
-
135
- &:hover {
136
- background: @sapUiButtonLiteHoverBackground;
137
- }
130
+ .sapMSltPressed > .sapMSltArrow:hover {
131
+ background: @sapUiButtonLiteHoverBackground;
138
132
  }
139
133
 
140
134
  /* ====================================================== */
@@ -25,7 +25,6 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
29
28
  outline-offset: -0.1875rem;
30
29
  }
31
30