@openui5/themelib_sap_horizon 1.122.0 → 1.123.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 (70) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/ShellBar.less +13 -4
  3. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +11 -3
  4. package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +8 -4
  5. package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +6 -3
  6. package/src/sap/m/themes/sap_horizon/ActionTile.less +10 -0
  7. package/src/sap/m/themes/sap_horizon/Button.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/ListItemBase.less +0 -6
  9. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +10 -0
  10. package/src/sap/m/themes/sap_horizon/RadioButton.less +7 -4
  11. package/src/sap/m/themes/sap_horizon/Select.less +2 -2
  12. package/src/sap/m/themes/sap_horizon/Slider.less +4 -3
  13. package/src/sap/m/themes/sap_horizon/SplitButton.less +87 -3
  14. package/src/sap/m/themes/sap_horizon/library.source.less +0 -1
  15. package/src/sap/m/themes/sap_horizon_dark/ActionTile.less +10 -0
  16. package/src/sap/m/themes/sap_horizon_dark/Button.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +0 -6
  18. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +10 -0
  19. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +7 -4
  20. package/src/sap/m/themes/sap_horizon_dark/Select.less +2 -2
  21. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  22. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +87 -3
  23. package/src/sap/m/themes/sap_horizon_dark/library.source.less +0 -1
  24. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +10 -0
  25. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +6 -0
  26. package/src/sap/m/themes/sap_horizon_hcb/Select.less +10 -5
  27. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +18 -17
  28. package/src/sap/m/themes/sap_horizon_hcb/SplitButton.less +8 -19
  29. package/src/sap/m/themes/sap_horizon_hcw/ColumnListItem.less +1 -1
  30. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +10 -0
  31. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +6 -0
  32. package/src/sap/m/themes/sap_horizon_hcw/Select.less +10 -5
  33. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +21 -23
  34. package/src/sap/m/themes/sap_horizon_hcw/SplitButton.less +8 -19
  35. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +1 -1
  36. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +1 -1
  37. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +1 -1
  38. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  40. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  41. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  42. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  44. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  45. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  46. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  50. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  51. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +0 -5
  52. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +0 -5
  53. package/src/sap/ui/integration/themes/sap_horizon_hcb/ListContentItem.less +6 -0
  54. package/src/sap/ui/integration/themes/sap_horizon_hcb/library.source.less +1 -0
  55. package/src/sap/ui/integration/themes/sap_horizon_hcw/ListContentItem.less +6 -0
  56. package/src/sap/ui/integration/themes/sap_horizon_hcw/library.source.less +1 -0
  57. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +7 -3
  58. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +7 -3
  59. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +7 -3
  60. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +7 -3
  61. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +5 -87
  62. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +6 -77
  63. package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +0 -7
  64. package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +0 -7
  65. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +8 -3
  66. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +1 -1
  67. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +8 -3
  68. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +1 -1
  69. package/src/sap/m/themes/sap_horizon/MenuListItem.less +0 -13
  70. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +0 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.122.0",
3
+ "version": "1.123.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.122.0",
18
- "@openui5/sap.m": "1.122.0",
19
- "@openui5/sap.tnt": "1.122.0",
20
- "@openui5/sap.ui.codeeditor": "1.122.0",
21
- "@openui5/sap.ui.commons": "1.122.0",
22
- "@openui5/sap.ui.core": "1.122.0",
23
- "@openui5/sap.ui.dt": "1.122.0",
24
- "@openui5/sap.ui.fl": "1.122.0",
25
- "@openui5/sap.ui.mdc": "1.122.0",
26
- "@openui5/sap.ui.integration": "1.122.0",
27
- "@openui5/sap.ui.layout": "1.122.0",
28
- "@openui5/sap.ui.rta": "1.122.0",
29
- "@openui5/sap.ui.suite": "1.122.0",
30
- "@openui5/sap.ui.table": "1.122.0",
31
- "@openui5/sap.ui.unified": "1.122.0",
32
- "@openui5/sap.ui.ux3": "1.122.0",
33
- "@openui5/sap.uxap": "1.122.0"
17
+ "@openui5/sap.f": "1.123.0",
18
+ "@openui5/sap.m": "1.123.0",
19
+ "@openui5/sap.tnt": "1.123.0",
20
+ "@openui5/sap.ui.codeeditor": "1.123.0",
21
+ "@openui5/sap.ui.commons": "1.123.0",
22
+ "@openui5/sap.ui.core": "1.123.0",
23
+ "@openui5/sap.ui.dt": "1.123.0",
24
+ "@openui5/sap.ui.fl": "1.123.0",
25
+ "@openui5/sap.ui.mdc": "1.123.0",
26
+ "@openui5/sap.ui.integration": "1.123.0",
27
+ "@openui5/sap.ui.layout": "1.123.0",
28
+ "@openui5/sap.ui.rta": "1.123.0",
29
+ "@openui5/sap.ui.suite": "1.123.0",
30
+ "@openui5/sap.ui.table": "1.123.0",
31
+ "@openui5/sap.ui.unified": "1.123.0",
32
+ "@openui5/sap.ui.ux3": "1.123.0",
33
+ "@openui5/sap.uxap": "1.123.0"
34
34
  }
35
35
  }
@@ -20,6 +20,11 @@
20
20
  padding: 0 2rem;
21
21
  }
22
22
 
23
+ .sapFShellBar.sapFShellBarFCLFPHeader,
24
+ .sapMPageHeader .sapFShellBar {
25
+ box-shadow: @sapUiShellShadow;
26
+ }
27
+
23
28
  .sapFShellBar {
24
29
  background: @sapUiShellColor;
25
30
  height: 3.25rem;
@@ -91,6 +96,7 @@
91
96
  background-color: @sapUiShellActiveBackground;
92
97
  border-color: @sapUiShellActiveBackground;
93
98
  }
99
+
94
100
  .sapFShellBarProfile:not(:focus):hover {
95
101
  box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
96
102
  }
@@ -105,6 +111,7 @@
105
111
  .sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
106
112
  .sapMBtnTransparent {
107
113
  color: @sapUiShellTextColor;
114
+ background: @sapUiButtonLiteBackground;
108
115
  }
109
116
 
110
117
  .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
@@ -114,12 +121,13 @@
114
121
 
115
122
  .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
116
123
  background: @sapUiShellHoverBackground;
117
- box-shadow: @sapUiContentInteractionShadow;
118
- border-color: @sapUiButtonLiteBorderColor;
124
+ border: 1px solid @sapUiButtonLiteHoverBorderColor;
125
+ color: @sapUiShellTextColor;
119
126
  }
120
127
 
121
128
  .sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
122
- background: @sapUiShellHoverBackground;
129
+ background: @sapUiShellActiveBackground;
130
+ border: 1px solid @sapUiButtonLiteActiveBorderColor;
123
131
  color: @sapUiShellActiveTextColor;
124
132
  }
125
133
 
@@ -243,7 +251,7 @@
243
251
 
244
252
  .sapMSFB:hover {
245
253
  background: @sapUiShellHoverBackground;
246
- box-shadow: @sapUiContentInteractionShadow;
254
+ box-shadow: @sapUiButtonLiteHoverBorderColor;
247
255
  border-radius: 1.125rem;
248
256
  height: 1.75rem;
249
257
  color: @sapUiShellInteractiveTextColor;
@@ -270,6 +278,7 @@
270
278
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
271
279
  background-color: @sapUiShellHoverBackground;
272
280
  box-shadow: @sapUiFieldHoverShadow;
281
+ border-bottom: 1px solid @sapUiFieldHoverBorderColor;
273
282
  }
274
283
 
275
284
  .sapMSFI {
@@ -20,6 +20,11 @@
20
20
  padding: 0 2rem;
21
21
  }
22
22
 
23
+ .sapFShellBar.sapFShellBarFCLFPHeader,
24
+ .sapMPageHeader .sapFShellBar {
25
+ box-shadow: @sapUiShellShadow;
26
+ }
27
+
23
28
  .sapFShellBar {
24
29
  background: @sapUiShellColor;
25
30
  height: 3.25rem;
@@ -91,6 +96,7 @@
91
96
  background-color: @sapUiShellActiveBackground;
92
97
  border-color: @sapUiShellActiveBackground;
93
98
  }
99
+
94
100
  .sapFShellBarProfile:not(:focus):hover {
95
101
  box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
96
102
  }
@@ -105,6 +111,7 @@
105
111
  .sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
106
112
  .sapMBtnTransparent {
107
113
  color: @sapUiShellTextColor;
114
+ background: @sapUiButtonLiteBackground;
108
115
  }
109
116
 
110
117
  .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
@@ -114,12 +121,13 @@
114
121
 
115
122
  .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
116
123
  background: @sapUiShellHoverBackground;
117
- box-shadow: @sapUiContentInteractionShadow;
118
- border-color: @sapUiButtonLiteBorderColor;
124
+ border: 1px solid @sapUiButtonLiteHoverBorderColor;
125
+ color: @sapUiShellTextColor;
119
126
  }
120
127
 
121
128
  .sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
122
- background: @sapUiShellHoverBackground;
129
+ background: @sapUiShellActiveBackground;
130
+ border: 1px solid @sapUiButtonLiteActiveBorderColor;
123
131
  color: @sapUiShellActiveTextColor;
124
132
  }
125
133
 
@@ -11,6 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
+
15
+ .sapFShellBar.sapFShellBarFCLFPHeader,
16
+ .sapMPageHeader .sapFShellBar {
17
+ box-shadow: @sapUiShellShadow;
18
+ }
19
+
14
20
  .sapFButtonNotifications[data-notifications],
15
21
  .sapFShellBarOverflowButton[data-notifications] {
16
22
  &:after {
@@ -106,9 +112,6 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
106
112
  }
107
113
 
108
114
  // Avatar
109
- .sapFShellBarProfile:focus {
110
- border: none;
111
- }
112
115
  .sapFShellBarProfile:not(:focus):hover {
113
116
  box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
114
117
  background-color: none;
@@ -244,7 +247,7 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
244
247
 
245
248
  .sapMSFB:hover {
246
249
  box-shadow: none;
247
- border: 0.0625rem solid @sapUiShellInteractiveBorderColor;
250
+ border: 0.0625rem solid @sapUiButtonLiteHoverBorderColor;
248
251
  border-radius: 0;
249
252
  height: 2.125rem;
250
253
  color: @sapUiShellInteractiveTextColor;
@@ -272,6 +275,7 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
272
275
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
273
276
  background-color: @sapUiShellHoverBackground;
274
277
  box-shadow: @sapUiContentInteractionShadow;
278
+ border-bottom: 1px solid @sapUiFieldHoverBorderColor;
275
279
  }
276
280
 
277
281
  .sapMBtn .sapMBtnInner {
@@ -11,6 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
+
15
+ .sapFShellBar.sapFShellBarFCLFPHeader,
16
+ .sapMPageHeader .sapFShellBar {
17
+ box-shadow: @sapUiShellShadow;
18
+ }
19
+
14
20
  .sapFButtonNotifications[data-notifications],
15
21
  .sapFShellBarOverflowButton[data-notifications] {
16
22
  &:after {
@@ -106,9 +112,6 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
106
112
  }
107
113
 
108
114
  // Avatar
109
- .sapFShellBarProfile:focus {
110
- border: none;
111
- }
112
115
  .sapFShellBarProfile:not(:focus):hover {
113
116
  box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
114
117
  background-color: none;
@@ -5,4 +5,14 @@
5
5
 
6
6
  .sapMAT.sapMATSituationCard{
7
7
  border-radius: 1.25rem;
8
+ &:focus {
9
+ .sapMGTFocusDiv {
10
+ border-radius: 1.25rem;
11
+ }
12
+ }
13
+ &:focus {
14
+ .sapMATFocusDiv {
15
+ border-radius: 1.25rem;
16
+ }
17
+ }
8
18
  }
@@ -195,7 +195,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
195
195
  /* (add separators, remove top/bottom border) */
196
196
  /* ------------------------------------------------ */
197
197
 
198
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
198
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed),
199
199
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
200
200
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
201
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
@@ -13,10 +13,4 @@
13
13
 
14
14
  .sapMLIB.sapMLIBSelected {
15
15
  border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
16
- }
17
-
18
- /* Fix for IE/Edge visual appearance of buttons */
19
- .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
20
- background-clip: border-box;
21
- border-color: transparent;
22
16
  }
@@ -29,6 +29,16 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPI.sapMPINoValue {
33
+ padding-top: 0.3125rem;
34
+ padding-bottom: 0.6875rem;
35
+ }
36
+
37
+ .sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
38
+ height: 1rem;
39
+ margin: 0;
40
+ }
41
+
32
42
  .sapMPIValueMax .sapMPIBarRemaining {
33
43
  display: flex;
34
44
  }
@@ -41,6 +41,12 @@
41
41
  right: 0;
42
42
  }
43
43
 
44
+ /* Right to left */
45
+ .sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before {
46
+ left: 0;
47
+ right: 0.5rem;
48
+ }
49
+
44
50
  .sapMRb.sapMRbHasLabel .sapMRbBLabel .sapMLabelTextWrapper {
45
51
  color: @sapUiFieldTextColor;
46
52
  }
@@ -77,11 +83,8 @@
77
83
  }
78
84
  }
79
85
 
80
- .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
86
+ .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
81
87
  stroke: @sapUiFieldHoverBorderColor;
82
- }
83
-
84
- .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
85
88
  fill: @sapUiContentSelectedHoverBackground;
86
89
  }
87
90
 
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  .sapMSlt > .sapMSltArrow {
61
- line-height: 2.25rem;
61
+ line-height: 2.313rem;
62
62
  background-color: transparent !important;
63
63
  }
64
64
 
@@ -129,7 +129,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
129
129
  }
130
130
 
131
131
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
132
- line-height: 1.625rem;
132
+ line-height: 1.75rem;
133
133
  }
134
134
 
135
135
  .sapMSltMinWidth {
@@ -2,6 +2,8 @@
2
2
  /* CSS for control sap.m/Slider */
3
3
  /* Horizon theme */
4
4
  /* ============================= */
5
+ @_sap_m_Slider_Height: 2.75rem;
6
+ @_sap_m_Slider_Progress: .25rem;
5
7
 
6
8
  /*new*/
7
9
  .sapMSliderInner .sapMSliderHandle {
@@ -98,7 +100,7 @@
98
100
  width: 0.5rem;
99
101
  height: 0.5rem;
100
102
  right: 0.125rem;
101
- top: 1.375rem;
103
+ top: calc(50% ~"-" 0.25rem);
102
104
  }
103
105
 
104
106
  .sapMSliderTooltip {
@@ -145,8 +147,7 @@
145
147
  }
146
148
 
147
149
  .sapMSlider::after {
148
- top: 0.75rem;
149
- right: 0.375rem;
150
+ right: .125rem;
150
151
  }
151
152
 
152
153
  .sapMSliderInner::before {
@@ -35,6 +35,7 @@
35
35
 
36
36
  .sapMSB .sapMSBArrow .sapMBtnIcon {
37
37
  font-size: 1rem;
38
+ line-height: 2.125rem;
38
39
  }
39
40
 
40
41
  .sapMSB .sapMSBArrow .sapMBtnInner,
@@ -55,6 +56,14 @@
55
56
  padding: 0;
56
57
  background-color: @sapUiButtonBackground;
57
58
  border-radius: 0.5rem;
59
+ border: 0.0625rem solid @sapUiButtonBorderColor;
60
+ }
61
+
62
+ .sapMSB .sapMSBText .sapMBtnInner {
63
+ height: 2.125rem;
64
+ border-top: none;
65
+ border-bottom: none;
66
+ border-left: none;
58
67
  }
59
68
 
60
69
  .sapUiSizeCompact {
@@ -68,40 +77,98 @@
68
77
 
69
78
  .sapMSB.sapMSBEmphasized .sapMSBText {
70
79
  background-color: @sapUiButtonEmphasizedBackground;
80
+ border-color: @sapUiButtonEmphasizedBorderColor;
71
81
  }
72
82
 
73
83
  .sapMSB.sapMSBAccept .sapMSBText {
74
84
  background-color: @sapUiButtonAcceptBackground;
85
+ border-color: @sapUiButtonAcceptBorderColor;
75
86
  }
76
87
 
77
88
  .sapMSB.sapMSBReject .sapMSBText {
78
89
  background-color: @sapUiButtonRejectBackground;
90
+ border-color: @sapUiButtonRejectBorderColor;
79
91
  }
80
92
 
81
93
  .sapMSB.sapMSBSuccess .sapMSBText {
82
94
  background-color: @sapUiButtonSuccessBackground;
95
+ border-color: @sapUiButtonSuccessBorderColor;
83
96
  }
84
97
 
85
98
  .sapMSB.sapMSBNegative .sapMSBText {
86
99
  background-color: @sapUiButtonNegativeBackground;
100
+ border-color: @sapUiButtonNegativeBorderColor;
87
101
  }
88
102
 
89
103
  .sapMSB.sapMSBCritical .sapMSBText {
90
104
  background-color: @sapUiButtonCriticalBackground;
105
+ border-color: @sapUiButtonCriticalBorderColor;
91
106
  }
92
107
 
93
108
  .sapMSB.sapMSBNeutral .sapMSBText {
94
109
  background-color: @sapUiButtonNeutralBackground;
110
+ border-color: @sapUiButtonNeutralBorderColor;
95
111
  }
96
112
 
97
113
  .sapMSB.sapMSBAttention .sapMSBText {
98
114
  background-color: @sapUiButtonAttentionBackground;
115
+ border-color: @sapUiButtonAttentionBorderColor;
99
116
  }
100
117
 
101
118
  .sapMSB.sapMSBTransparent .sapMSBText {
102
119
  background-color: transparent;
103
120
  }
104
121
 
122
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
123
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
124
+ border-color: @sapUiButtonEmphasizedBorderColor;
125
+ }
126
+
127
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
128
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
129
+ border-color: @sapUiButtonAcceptBorderColor;
130
+ }
131
+
132
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
133
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
134
+ border-color: @sapUiButtonRejectBorderColor;
135
+ }
136
+
137
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
138
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
139
+ border-color: @sapUiButtonSuccessBorderColor;
140
+ }
141
+
142
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
143
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
144
+ border-color: @sapUiButtonNegativeBorderColor;
145
+ }
146
+
147
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
148
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
149
+ border-color: @sapUiButtonCriticalBorderColor;
150
+ }
151
+
152
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
153
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
154
+ border-color: @sapUiButtonNeutralBorderColor;
155
+ border-top-left-radius: 0.5rem;
156
+ border-bottom-left-radius: 0.5rem;
157
+ }
158
+
159
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
160
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
161
+ border-color: @sapUiButtonAttentionBorderColor;
162
+ }
163
+
164
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
165
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
166
+ border-color: @sapUiButtonBorderColor;
167
+ border-top-left-radius: 0.5rem;
168
+ border-bottom-left-radius: 0.5rem;
169
+ }
170
+
171
+ .sapMFooter-CTX .sapMMenuBtnSplit,
105
172
  .sapMMenuBtnSplit {
106
173
  .sapMBtnInner,
107
174
  span.sapMBtnInner.sapMBtnAccept,
@@ -111,6 +178,20 @@
111
178
  }
112
179
  }
113
180
 
181
+ .sapMBtn.sapMSBArrow > .sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
182
+ border-color: @sapUiButtonBorderColor;
183
+ border-left-color: transparent;
184
+ border-top-left-radius: 0;
185
+ border-bottom-left-radius: 0;
186
+ }
187
+
188
+ .sapMBtn.sapMSBArrow > .sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
189
+ border-color: @sapUiButtonNeutralBorderColor;
190
+ border-left-color: transparent;
191
+ border-top-left-radius: 0;
192
+ border-bottom-left-radius: 0;
193
+ }
194
+
114
195
  .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
115
196
  content: "";
116
197
  position: absolute;
@@ -178,7 +259,7 @@
178
259
  border-color: @sapUiContentContrastFocusColor;
179
260
  }
180
261
 
181
- .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
262
+ .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
182
263
  margin-right: 2.25rem;
183
264
  }
184
265
 
@@ -202,7 +283,7 @@
202
283
  }
203
284
 
204
285
  .sapUiSizeCompact .sapMSB {
205
- .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
286
+ .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
206
287
  margin-right: 2rem;
207
288
  }
208
289
 
@@ -228,11 +309,14 @@
228
309
  left: 0;
229
310
  padding-right: 0;
230
311
  }
231
-
312
+
232
313
  .sapMBtnContent {
233
314
  top: 0;
234
315
  }
235
316
  }
317
+ .sapMSB .sapMSBText .sapMBtnInner {
318
+ height: 1.5rem;
319
+ }
236
320
  }
237
321
 
238
322
  .sapMMenuBtn .sapMBtnDisabled {
@@ -46,7 +46,6 @@
46
46
  @import "ListBase.less";
47
47
  @import "ListItemBase.less";
48
48
  @import "MenuButton.less";
49
- @import "MenuListItem.less";
50
49
  @import "MessageBox.less";
51
50
  @import "MessageStrip.less";
52
51
  @import "MessageView.less";
@@ -5,4 +5,14 @@
5
5
 
6
6
  .sapMAT.sapMATSituationCard{
7
7
  border-radius: 1.25rem;
8
+ &:focus {
9
+ .sapMGTFocusDiv {
10
+ border-radius: 1.25rem;
11
+ }
12
+ }
13
+ &:focus {
14
+ .sapMATFocusDiv {
15
+ border-radius: 1.25rem;
16
+ }
17
+ }
8
18
  }
@@ -195,7 +195,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
195
195
  /* (add separators, remove top/bottom border) */
196
196
  /* ------------------------------------------------ */
197
197
 
198
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
198
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed),
199
199
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
200
200
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
201
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
@@ -13,10 +13,4 @@
13
13
 
14
14
  .sapMLIB.sapMLIBSelected {
15
15
  border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
16
- }
17
-
18
- /* Fix for IE/Edge visual appearance of buttons */
19
- .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
20
- background-clip: border-box;
21
- border-color: transparent;
22
16
  }
@@ -29,6 +29,16 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPI.sapMPINoValue {
33
+ padding-top: 0.3125rem;
34
+ padding-bottom: 0.6875rem;
35
+ }
36
+
37
+ .sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
38
+ height: 1rem;
39
+ margin: 0;
40
+ }
41
+
32
42
  .sapMPIValueMax .sapMPIBarRemaining {
33
43
  display: flex;
34
44
  }
@@ -41,6 +41,12 @@
41
41
  right: 0;
42
42
  }
43
43
 
44
+ /* Right to left */
45
+ .sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before {
46
+ left: 0;
47
+ right: 0.5rem;
48
+ }
49
+
44
50
  .sapMRb.sapMRbHasLabel .sapMRbBLabel .sapMLabelTextWrapper {
45
51
  color: @sapUiFieldTextColor;
46
52
  }
@@ -77,11 +83,8 @@
77
83
  }
78
84
  }
79
85
 
80
- .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
86
+ .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
81
87
  stroke: @sapUiFieldHoverBorderColor;
82
- }
83
-
84
- .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
85
88
  fill: @sapUiContentSelectedHoverBackground;
86
89
  }
87
90
 
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  .sapMSlt > .sapMSltArrow {
61
- line-height: 2.25rem;
61
+ line-height: 2.313rem;
62
62
  background-color: transparent !important;
63
63
  }
64
64
 
@@ -129,7 +129,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
129
129
  }
130
130
 
131
131
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
132
- line-height: 1.625rem;
132
+ line-height: 1.75rem;
133
133
  }
134
134
 
135
135
  .sapMSltMinWidth {
@@ -2,6 +2,8 @@
2
2
  /* CSS for control sap.m/Slider */
3
3
  /* Evening Horizon theme */
4
4
  /* ============================= */
5
+ @_sap_m_Slider_Height: 2.75rem;
6
+ @_sap_m_Slider_Progress: .25rem;
5
7
 
6
8
  /*new*/
7
9
  .sapMSliderInner .sapMSliderHandle {
@@ -98,7 +100,7 @@
98
100
  width: 0.5rem;
99
101
  height: 0.5rem;
100
102
  right: 0.125rem;
101
- top: 1.375rem;
103
+ top: calc(50% ~"-" 0.25rem);
102
104
  }
103
105
 
104
106
  .sapMSliderTooltip {
@@ -145,8 +147,7 @@
145
147
  }
146
148
 
147
149
  .sapMSlider::after {
148
- top: 0.75rem;
149
- right: 0.375rem;
150
+ right: .125rem;
150
151
  }
151
152
 
152
153
  .sapMSliderInner::before {