@openui5/themelib_sap_horizon 1.138.0 → 1.140.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 (69) hide show
  1. package/README.md +1 -1
  2. package/REUSE.toml +8 -1
  3. package/THIRDPARTY.txt +72 -66
  4. package/package.json +19 -19
  5. package/src/sap/m/themes/sap_horizon/Button.less +14 -19
  6. package/src/sap/m/themes/sap_horizon/CheckBox.less +16 -1
  7. package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -8
  8. package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
  9. package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
  11. package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
  12. package/src/sap/m/themes/sap_horizon/Select.less +1 -1
  13. package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
  14. package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
  15. package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
  16. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +16 -1
  17. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -8
  18. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
  19. package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
  20. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
  21. package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
  23. package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
  24. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  25. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +16 -1
  26. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +0 -4
  27. package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +1 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -16
  30. package/src/sap/m/themes/sap_horizon_hcb/Switch.less +12 -9
  31. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  32. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +16 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +0 -4
  34. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +1 -0
  36. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -15
  37. package/src/sap/m/themes/sap_horizon_hcw/Switch.less +12 -9
  38. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -1
  39. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
  40. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -1
  41. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
  42. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -1
  43. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  44. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -1
  45. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  46. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  47. package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
  48. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  50. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +3 -3
  52. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  53. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +3 -3
  54. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
  55. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
  56. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
  57. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
  58. package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
  59. package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
  60. package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
  61. package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
  62. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
  63. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
  64. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
  65. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  66. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
  67. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
  68. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
  69. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
@@ -109,6 +109,10 @@
109
109
  padding-left: 2.75rem;
110
110
  }
111
111
 
112
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
113
+ top: -0.1075rem;
114
+ }
115
+
112
116
  .sapMCbDisplayOnly .sapMCbBg {
113
117
  top: 0.5625rem;
114
118
  left: 0.5625rem;
@@ -146,7 +150,7 @@
146
150
  border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
147
151
  inset: 0.3125rem;
148
152
  position: absolute;
149
- border-radius: var(--sapField_BorderCornerRadius);
153
+ border-radius: 0.5rem;
150
154
  }
151
155
 
152
156
  .sapMCb.sapMCbHasLabel {
@@ -220,6 +224,17 @@
220
224
  left: 0.5625rem;
221
225
  }
222
226
 
227
+ .sapMCb:focus::before {
228
+ inset: 0.125rem;
229
+ }
230
+
231
+ .sapMCb.sapMCbHasLabel:focus::before {
232
+ top: 0.125rem;
233
+ left: 0.125rem;
234
+ bottom: 0.125rem;
235
+ right: 0;
236
+ }
237
+
223
238
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
224
239
  .sapUiForm {
225
240
 
@@ -136,10 +136,6 @@
136
136
  @_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
137
137
  @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
138
138
  @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
139
- @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
140
- @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
141
- @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
142
- @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
143
139
  @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
144
140
  @_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
145
141
 
@@ -835,10 +831,6 @@ html.sap-desktop {
835
831
  }
836
832
  }
837
833
 
838
- .sapMITBFilter .sapMITBText {
839
- font-weight: bold;
840
- }
841
-
842
834
  /* ------------------------------------------------ */
843
835
  /* Shell overrides */
844
836
  /* ------------------------------------------------ */
@@ -84,7 +84,8 @@
84
84
  }
85
85
 
86
86
  &.sapMInputBaseReadonlyWrapper {
87
- background: var(--sapField_ReadOnly_Background);
87
+ background: var(--sapField_ReadOnly_BackgroundStyle);
88
+ background-color: var(--sapField_ReadOnly_Background);
88
89
  }
89
90
 
90
91
  &.sapMInputBaseContentWrapperSuccess::before {
@@ -72,7 +72,7 @@
72
72
 
73
73
  .sapMMsgView .sapMIBar.sapMHeader-CTX {
74
74
  background-color: var(--sapGroup_ContentBackground);
75
- padding-left: 1rem;
75
+ padding: 0 1rem;
76
76
  }
77
77
 
78
78
  .sapMMsgViewDescIcon {
@@ -118,6 +118,10 @@
118
118
  vertical-align: middle;
119
119
  }
120
120
 
121
+ .sapMObjStatusLink {
122
+ line-height: 0.5rem;
123
+ }
124
+
121
125
  html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
122
126
 
123
127
  .sapMObjStatusText {
@@ -133,9 +137,7 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
133
137
  position: absolute;
134
138
  box-sizing: border-box;
135
139
  left: 0;
136
- top: -0.0625rem;
137
140
  right: 0;
138
- bottom: 0.0625rem;
139
141
  pointer-events: none;
140
142
  border: 0.125rem solid var(--sapContent_FocusColor);
141
143
  z-index: -1;
@@ -144,11 +146,11 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
144
146
  .sapMObjStatusLink {
145
147
  background: var(--sapContent_FocusColor);
146
148
  border-radius: 0.125rem;
147
- line-height: 0.875rem;
148
149
 
149
150
  .sapMObjStatusIcon > .sapUiIcon,
150
151
  .sapMObjStatusText {
151
152
  color: var(--sapContent_ContrastTextColor);
153
+ text-shadow: none;
152
154
  }
153
155
 
154
156
  .sapMObjStatusText {
@@ -92,7 +92,7 @@
92
92
 
93
93
  & .sapMPanelHeaderTB {
94
94
  border-top-left-radius: 0;
95
- margin-left: 2.75rem;
95
+ margin-left: 2.5rem;
96
96
  }
97
97
 
98
98
  &:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {
@@ -325,7 +325,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
325
325
  background-size: 100% var(--sapField_InvalidBorderWidth);
326
326
  background-repeat: repeat-x;
327
327
  background-position: bottom;
328
- background-color: var(--sapField_InvalidBackgroundStyle);
328
+ background-color: var(--sapField_InvalidBackground);
329
329
  box-shadow: var(--sapField_InvalidShadow);
330
330
  }
331
331
 
@@ -5,30 +5,33 @@
5
5
 
6
6
  /* Switch container */
7
7
  .sapMSwtCont {
8
- overflow: hidden;
8
+ overflow: visible;
9
9
  /* in order to have a touchable area of 2.75rem height and 3.5rem width */
10
- padding: 0.625rem 0.5rem;
10
+ padding: 0.625rem 0;
11
11
  }
12
12
 
13
13
  /* focus */
14
14
  html.sap-desktop {
15
15
 
16
- .sapMSwtCont:focus > .sapMSwt::before {
16
+ .sapMSwtCont:focus::after {
17
17
  content: ' ';
18
18
  position: absolute;
19
19
  display: block;
20
- top: -0.3125rem;
21
- left: -0.3125rem;
22
- bottom: -0.3125rem;
23
- right: -0.3125rem;
20
+ top: 0.375rem;
21
+ left: -0.25rem;
22
+ bottom: 0.375rem;
23
+ right: -0.25rem;
24
24
  border: 0.125rem solid var(--sapContent_FocusColor);
25
25
  border-radius: 1rem;
26
+ pointer-events: none;
26
27
  }
27
28
 
28
29
  .sapUiSizeCompact {
29
30
 
30
- .sapMSwtCont:focus > .sapMSwt::before {
31
+ .sapMSwtCont:focus::after {
31
32
  border-radius: 0.875rem;
33
+ top: 0.125rem;
34
+ bottom: 0.125rem;
32
35
  }
33
36
  }
34
37
  }
@@ -37,7 +40,7 @@ html.sap-desktop {
37
40
  .sapMSwt {
38
41
  width: 2.875rem;
39
42
  height: 1.5rem;
40
- overflow: visible;
43
+ overflow: hidden;
41
44
  border: none;
42
45
  margin: 0;
43
46
  border-radius: 0.75rem;
@@ -6,7 +6,6 @@
6
6
  @_sap_m_Tokenizer_OutlineOffset: 0.3125rem;
7
7
 
8
8
  .sapMTokenizer {
9
- padding-left: 0.3125rem;
10
9
  position: relative;
11
10
  display: inline-block;
12
11
  white-space: nowrap;
@@ -35,7 +35,7 @@
35
35
  /* ------------------- */
36
36
  /* Button Icon */
37
37
  /* ------------------- */
38
- .sapMBtnIcon {
38
+ .sapMBtnIcon.sapUiIcon {
39
39
  width: 2.125rem;
40
40
  font-size: 1rem;
41
41
  line-height: 2.125rem;
@@ -137,24 +137,6 @@
137
137
  /* Custom focus border: */
138
138
  /* ---------------------------------------------------------------------*/
139
139
 
140
- .sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
141
- html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
142
- border-color: var(--sapContent_FocusColor);
143
- }
144
-
145
- // Value State Message buttons
146
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
147
- border-color: var(--sapButton_Critical_BorderColor);
148
- }
149
-
150
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
151
- border-color: var(--sapButton_Negative_BorderColor);
152
- }
153
-
154
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
155
- border-color: var(--sapButton_Success_BorderColor);
156
- }
157
-
158
140
  .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
159
141
  html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
160
142
  content: '';
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
189
171
  text-shadow: var(--sapContent_TextShadow);
190
172
  }
191
173
 
174
+ // Value State Message buttons
175
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
176
+ border-color: var(--sapButton_Critical_BorderColor);
177
+ }
178
+
179
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
180
+ border-color: var(--sapButton_Negative_BorderColor);
181
+ }
182
+
183
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
184
+ border-color: var(--sapButton_Success_BorderColor);
185
+ }
186
+
192
187
  .sapMBtn {
193
188
  .sapMBtnCritical,
194
189
  .sapMBtnNegative,
@@ -109,6 +109,10 @@
109
109
  padding-left: 2.75rem;
110
110
  }
111
111
 
112
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
113
+ top: -0.1075rem;
114
+ }
115
+
112
116
  .sapMCbDisplayOnly .sapMCbBg {
113
117
  top: 0.5625rem;
114
118
  left: 0.5625rem;
@@ -146,7 +150,7 @@
146
150
  border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
147
151
  inset: 0.3125rem;
148
152
  position: absolute;
149
- border-radius: var(--sapField_BorderCornerRadius);
153
+ border-radius: 0.5rem;
150
154
  }
151
155
 
152
156
  .sapMCb.sapMCbHasLabel {
@@ -220,6 +224,17 @@
220
224
  left: 0.5625rem;
221
225
  }
222
226
 
227
+ .sapMCb:focus::before {
228
+ inset: 0.125rem;
229
+ }
230
+
231
+ .sapMCb.sapMCbHasLabel:focus::before {
232
+ top: 0.125rem;
233
+ left: 0.125rem;
234
+ bottom: 0.125rem;
235
+ right: 0;
236
+ }
237
+
223
238
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
224
239
  .sapUiForm {
225
240
 
@@ -136,10 +136,6 @@
136
136
  @_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
137
137
  @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
138
138
  @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
139
- @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
140
- @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
141
- @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
142
- @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
143
139
  @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
144
140
  @_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
145
141
 
@@ -836,10 +832,6 @@ html.sap-desktop {
836
832
  }
837
833
  }
838
834
 
839
- .sapMITBFilter .sapMITBText {
840
- font-weight: bold;
841
- }
842
-
843
835
  /* ------------------------------------------------ */
844
836
  /* Shell overrides */
845
837
  /* ------------------------------------------------ */
@@ -85,7 +85,8 @@
85
85
  }
86
86
 
87
87
  &.sapMInputBaseReadonlyWrapper {
88
- background: var(--sapField_ReadOnly_Background);
88
+ background: var(--sapField_ReadOnly_BackgroundStyle);
89
+ background-color: var(--sapField_ReadOnly_Background);
89
90
  }
90
91
 
91
92
  &.sapMInputBaseContentWrapperSuccess::before {
@@ -76,7 +76,7 @@
76
76
 
77
77
  .sapMMsgView .sapMIBar.sapMHeader-CTX {
78
78
  background-color: var(--sapGroup_ContentBackground);
79
- padding-left: 1rem;
79
+ padding: 0 1rem;
80
80
  }
81
81
 
82
82
  .sapMMsgViewDescIcon {
@@ -118,6 +118,10 @@
118
118
  vertical-align: middle;
119
119
  }
120
120
 
121
+ .sapMObjStatusLink {
122
+ line-height: 0.5rem;
123
+ }
124
+
121
125
  html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
122
126
 
123
127
  .sapMObjStatusText {
@@ -133,9 +137,7 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
133
137
  position: absolute;
134
138
  box-sizing: border-box;
135
139
  left: 0;
136
- top: -0.0625rem;
137
140
  right: 0;
138
- bottom: 0.0625rem;
139
141
  pointer-events: none;
140
142
  border: 0.125rem solid var(--sapContent_FocusColor);
141
143
  z-index: -1;
@@ -144,11 +146,11 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
144
146
  .sapMObjStatusLink {
145
147
  background: var(--sapContent_FocusColor);
146
148
  border-radius: 0.125rem;
147
- line-height: 0.875rem;
148
149
 
149
150
  .sapMObjStatusIcon > .sapUiIcon,
150
151
  .sapMObjStatusText {
151
152
  color: var(--sapContent_ContrastTextColor);
153
+ text-shadow: none;
152
154
  }
153
155
 
154
156
  .sapMObjStatusText {
@@ -86,7 +86,7 @@
86
86
 
87
87
  & .sapMPanelHeaderTB {
88
88
  border-top-left-radius: 0;
89
- margin-left: 2.75rem;
89
+ margin-left: 2.5rem;
90
90
  }
91
91
 
92
92
  &:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {
@@ -327,7 +327,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
327
327
  background-size: 100% var(--sapField_InvalidBorderWidth);
328
328
  background-repeat: repeat-x;
329
329
  background-position: bottom;
330
- background-color: var(--sapField_InvalidBackgroundStyle);
330
+ background-color: var(--sapField_InvalidBackground);
331
331
  box-shadow: var(--sapField_InvalidShadow);
332
332
  }
333
333
 
@@ -5,30 +5,33 @@
5
5
 
6
6
  /* Switch container */
7
7
  .sapMSwtCont {
8
- overflow: hidden;
8
+ overflow: visible;
9
9
  /* in order to have a touchable area of 2.75rem height and 3.5rem width */
10
- padding: 0.625rem 0.5rem;
10
+ padding: 0.625rem 0;
11
11
  }
12
12
 
13
13
  /* focus */
14
14
  html.sap-desktop {
15
15
 
16
- .sapMSwtCont:focus > .sapMSwt::before {
16
+ .sapMSwtCont:focus::after {
17
17
  content: ' ';
18
18
  position: absolute;
19
19
  display: block;
20
- top: -0.3125rem;
21
- left: -0.3125rem;
22
- bottom: -0.3125rem;
23
- right: -0.3125rem;
20
+ top: 0.375rem;
21
+ left: -0.25rem;
22
+ bottom: 0.375rem;
23
+ right: -0.25rem;
24
24
  border: 0.125rem solid var(--sapContent_FocusColor);
25
25
  border-radius: 1rem;
26
+ pointer-events: none;
26
27
  }
27
28
 
28
29
  .sapUiSizeCompact {
29
30
 
30
- .sapMSwtCont:focus > .sapMSwt::before {
31
+ .sapMSwtCont:focus::after {
31
32
  border-radius: 0.875rem;
33
+ top: 0.125rem;
34
+ bottom: 0.125rem;
32
35
  }
33
36
  }
34
37
  }
@@ -37,7 +40,7 @@ html.sap-desktop {
37
40
  .sapMSwt {
38
41
  width: 2.875rem;
39
42
  height: 1.5rem;
40
- overflow: visible;
43
+ overflow: hidden;
41
44
  border: none;
42
45
  margin: 0;
43
46
  border-radius: 0.75rem;
@@ -43,7 +43,7 @@
43
43
  /* ------------------- */
44
44
  /* Button Icon */
45
45
  /* ------------------- */
46
- .sapMBtnIcon {
46
+ .sapMBtnIcon.sapUiIcon {
47
47
  width: 2.125rem;
48
48
  font-size: 1rem;
49
49
  line-height: 2.125rem;
@@ -117,6 +117,10 @@
117
117
  padding-left: 2.75rem;
118
118
  }
119
119
 
120
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
121
+ top: -0.1075rem;
122
+ }
123
+
120
124
  .sapMCbDisplayOnly .sapMCbBg {
121
125
  top: 0.5625rem;
122
126
  left: 0.5625rem;
@@ -169,7 +173,7 @@
169
173
  bottom: 0.3125rem;
170
174
  right: 0;
171
175
  position: absolute;
172
- border-radius: 0.5rem;
176
+ border-radius: var(--sapField_BorderCornerRadius);
173
177
  }
174
178
 
175
179
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
@@ -231,6 +235,17 @@
231
235
  left: 0.5625rem;
232
236
  }
233
237
 
238
+ .sapMCb:focus::before {
239
+ inset: 0.125rem;
240
+ }
241
+
242
+ .sapMCb.sapMCbHasLabel:focus::before {
243
+ top: 0.125rem;
244
+ left: 0.125rem;
245
+ bottom: 0.125rem;
246
+ right: 0;
247
+ }
248
+
234
249
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
235
250
  .sapUiForm {
236
251
 
@@ -8,10 +8,6 @@
8
8
  /* ========================================================================== */
9
9
 
10
10
  @_sap_m_IconTabBar_TextShadow: none;
11
- @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
12
- @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
13
- @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
14
- @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
15
11
  @_sap_m_IconTabBar_More_Button_Border_Radius: 0px;
16
12
 
17
13
  /* ==================== Cozy size ==================== */
@@ -73,7 +73,7 @@
73
73
 
74
74
  .sapMMsgView .sapMIBar.sapMHeader-CTX {
75
75
  background-color: var(--sapGroup_ContentBackground);
76
- padding-left: 1rem;
76
+ padding: 0 1rem;
77
77
  }
78
78
 
79
79
  .sapMMsgViewDescIcon {
@@ -8,6 +8,7 @@
8
8
  .sapMLIBHoverable:hover .sapMObjectNumberText,
9
9
  .sapMLIBHoverable:hover .sapMObjectNumberUnit {
10
10
  color: var(--sapList_Active_TextColor);
11
+ text-shadow: none;
11
12
  }
12
13
 
13
14
  .sapMText.sapMObjLTitle {
@@ -182,6 +182,10 @@
182
182
  padding: 0.1875rem 0.313rem;
183
183
  }
184
184
 
185
+ .sapMObjStatusInverted .sapMObjStatusTitle {
186
+ vertical-align: middle;
187
+ }
188
+
185
189
  .sapMObjStatusInverted .sapMObjStatusText {
186
190
  padding: 0.1875rem 0.25rem;
187
191
  }
@@ -577,34 +581,30 @@
577
581
  background-color: var(--sapIndicationColor_10b_Hover_Background);
578
582
  }
579
583
 
580
- html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
581
- top: 0.125rem;
582
- left: 0.125rem;
583
- bottom: 0.0625rem;
584
- right: 0.125rem;
585
- outline: 0.125rem dotted var(--sapContent_FocusColor);
586
- }
587
-
588
584
  .sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
589
585
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
590
586
  height: 0.875rem;
591
587
  }
592
588
 
589
+ .sapMObjStatusLink {
590
+ line-height: 0.5rem;
591
+ }
592
+
593
593
  html.sap-desktop .sapMObjStatusActive:focus {
594
594
 
595
595
  .sapMObjStatusLink::after {
596
- top: -1px;
597
- left: 1px;
598
- bottom: -1px;
599
- right: 1px;
596
+ top: 0;
597
+ left: 0;
598
+ bottom: 0;
599
+ right: 0;
600
600
  outline: 2px dotted var(--sapContent_FocusColor);
601
601
  }
602
602
 
603
603
  &.sapMObjStatusInverted .sapMObjStatusLink::after {
604
- top: -1px;
605
- left: 2px;
606
- bottom: -1px;
607
- right: 2px;
604
+ top: 3px;
605
+ left: 3px;
606
+ bottom: 3px;
607
+ right: 3px;
608
608
 
609
609
  .sapMObjStatusIcon > .sapUiIcon {
610
610
  line-height: 0.875rem;
@@ -5,30 +5,33 @@
5
5
 
6
6
  /* Switch container */
7
7
  .sapMSwtCont {
8
- overflow: hidden;
8
+ overflow: visible;
9
9
  /* in order to have a touchable area of 2.75rem height and 3.5rem width */
10
- padding: 0.625rem 0.5rem;
10
+ padding: 0.625rem 0;
11
11
  }
12
12
 
13
13
  /* focus */
14
14
  html.sap-desktop {
15
15
 
16
- .sapMSwtCont:focus > .sapMSwt::before {
16
+ .sapMSwtCont:focus::after {
17
17
  content: ' ';
18
18
  position: absolute;
19
19
  display: block;
20
- top: -0.3125rem;
21
- left: -0.3125rem;
22
- bottom: -0.3125rem;
23
- right: -0.3125rem;
20
+ top: 0.375rem;
21
+ left: -0.25rem;
22
+ bottom: 0.375rem;
23
+ right: -0.25rem;
24
24
  border: 0.125rem solid var(--sapContent_FocusColor);
25
25
  border-radius: 1rem;
26
+ pointer-events: none;
26
27
  }
27
28
 
28
29
  .sapUiSizeCompact {
29
30
 
30
- .sapMSwtCont:focus > .sapMSwt::before {
31
+ .sapMSwtCont:focus::after {
31
32
  border-radius: 0.875rem;
33
+ top: 0.125rem;
34
+ bottom: 0.125rem;
32
35
  }
33
36
  }
34
37
  }
@@ -37,7 +40,7 @@ html.sap-desktop {
37
40
  .sapMSwt {
38
41
  width: 2.875rem;
39
42
  height: 1.5rem;
40
- overflow: visible;
43
+ overflow: hidden;
41
44
  border: none;
42
45
  margin: 0;
43
46
  border-radius: 0.75rem;
@@ -43,7 +43,7 @@
43
43
  /* ------------------- */
44
44
  /* Button Icon */
45
45
  /* ------------------- */
46
- .sapMBtnIcon {
46
+ .sapMBtnIcon.sapUiIcon {
47
47
  width: 2.125rem;
48
48
  font-size: 1rem;
49
49
  line-height: 2.125rem;
@@ -117,6 +117,10 @@
117
117
  padding-left: 2.75rem;
118
118
  }
119
119
 
120
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
121
+ top: -0.1075rem;
122
+ }
123
+
120
124
  .sapMCbDisplayOnly .sapMCbBg {
121
125
  top: 0.5625rem;
122
126
  left: 0.5625rem;
@@ -169,7 +173,7 @@
169
173
  bottom: 0.3125rem;
170
174
  right: 0;
171
175
  position: absolute;
172
- border-radius: 0.5rem;
176
+ border-radius:var(--sapField_BorderCornerRadius);
173
177
  }
174
178
 
175
179
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
@@ -231,6 +235,17 @@
231
235
  left: 0.5625rem;
232
236
  }
233
237
 
238
+ .sapMCb:focus::before {
239
+ inset: 0.125rem;
240
+ }
241
+
242
+ .sapMCb.sapMCbHasLabel:focus::before {
243
+ top: 0.125rem;
244
+ left: 0.125rem;
245
+ bottom: 0.125rem;
246
+ right: 0;
247
+ }
248
+
234
249
  /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
235
250
  .sapUiForm {
236
251
 
@@ -8,10 +8,6 @@
8
8
  /* ========================================================================== */
9
9
 
10
10
  @_sap_m_IconTabBar_TextShadow: none;
11
- @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
12
- @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
13
- @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
14
- @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
15
11
  @_sap_m_IconTabBar_More_Button_Border_Radius: 0px;
16
12
 
17
13
  /* ==================== Cozy size ==================== */