@openui5/themelib_sap_horizon 1.119.1 → 1.120.1

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 (100) hide show
  1. package/THIRDPARTY.txt +6 -6
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +4 -2
  4. package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +2 -0
  5. package/src/sap/f/themes/sap_horizon/ShellBar.less +10 -4
  6. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +2 -0
  7. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +10 -4
  8. package/src/sap/m/themes/sap_horizon/Avatar.less +2 -2
  9. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +2 -1
  10. package/src/sap/m/themes/sap_horizon/Button.less +16 -4
  11. package/src/sap/m/themes/sap_horizon/CheckBox.less +31 -1
  12. package/src/sap/m/themes/sap_horizon/MenuButton.less +22 -4
  13. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +24 -0
  14. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +4 -0
  15. package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -7
  16. package/src/sap/m/themes/sap_horizon/SearchField.less +2 -4
  17. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +117 -14
  18. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  19. package/src/sap/m/themes/sap_horizon/Slider.less +4 -9
  20. package/src/sap/m/themes/sap_horizon/SplitButton.less +46 -23
  21. package/src/sap/m/themes/sap_horizon/Text.less +3 -0
  22. package/src/sap/m/themes/sap_horizon/TextArea.less +24 -4
  23. package/src/sap/m/themes/sap_horizon/Toolbar.less +2 -2
  24. package/src/sap/m/themes/sap_horizon_dark/Button.less +16 -4
  25. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +30 -0
  26. package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +18 -3
  27. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +24 -0
  28. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  29. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +5 -7
  30. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +2 -5
  31. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +117 -14
  32. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -2
  33. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -9
  34. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +46 -37
  35. package/src/sap/m/themes/sap_horizon_dark/Text.less +3 -0
  36. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +24 -4
  37. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +2 -2
  38. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +35 -1
  39. package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +4 -0
  40. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +135 -0
  41. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  42. package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +4 -6
  43. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -3
  44. package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less +1 -1
  45. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +4 -32
  46. package/src/sap/m/themes/sap_horizon_hcb/Text.less +3 -0
  47. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
  48. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +35 -1
  49. package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +4 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +135 -0
  51. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  52. package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +4 -6
  53. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -3
  54. package/src/sap/m/themes/sap_horizon_hcw/SegmentedButton.less +1 -1
  55. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +4 -32
  56. package/src/sap/m/themes/sap_horizon_hcw/Text.less +3 -0
  57. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
  58. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +2 -1
  59. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +11 -0
  60. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +3 -1
  61. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +2 -1
  62. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +11 -0
  63. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +3 -1
  64. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -1
  65. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +13 -0
  66. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +3 -1
  67. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -1
  68. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +13 -0
  69. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +3 -1
  70. package/src/sap/ui/commons/themes/sap_horizon/MenuButton.less +12 -0
  71. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  72. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  73. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  74. package/src/sap/ui/core/themes/sap_horizon/global.less +13 -9
  75. package/src/sap/ui/core/themes/sap_horizon/library.source.less +0 -4
  76. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  77. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  78. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  79. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +14 -10
  80. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +0 -4
  81. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  82. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  83. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  84. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +9 -9
  85. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  86. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  87. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  88. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +9 -9
  89. package/src/sap/ui/integration/themes/sap_horizon/ActionsStrip.less +1 -1
  90. package/src/sap/ui/integration/themes/sap_horizon_dark/ActionsStrip.less +1 -1
  91. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -1
  92. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -1
  93. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -1
  94. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -1
  95. package/src/sap/ui/table/themes/sap_horizon/Cell.less +1 -0
  96. package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less +1 -0
  97. package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less +1 -1
  98. package/src/sap/ui/table/themes/sap_horizon_hcb/library.source.less +0 -3
  99. package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less +1 -1
  100. package/src/sap/ui/table/themes/sap_horizon_hcw/library.source.less +0 -3
@@ -18,13 +18,15 @@
18
18
  text-align: center;
19
19
  text-shadow: none;
20
20
  color: @sapUiButtonTextColor;
21
- border-top: 1px solid transparent;
21
+ border-top: 1px solid @sapUiButtonBorderColor;
22
22
  border-left: 1px solid transparent;
23
- border-bottom: 1px solid transparent;
23
+ border-bottom: 1px solid @sapUiButtonBorderColor;
24
24
  border-right: 1px solid transparent;
25
- background-color: @sapUiButtonBackground;
25
+ background-color: transparent;
26
26
  margin-left: 1px;
27
27
  margin-right: 1px;
28
+ margin-top: -1px;
29
+ margin-bottom: -1px;
28
30
  }
29
31
  &:not(.sapMSegBBtnMixed) .sapMImg {
30
32
  padding-left: 0.5625rem;
@@ -46,7 +48,8 @@
46
48
  .sapMSegBBtn:first-child .sapMSegBBtnInner {
47
49
  border-top-left-radius: @sapUiButtonBorderCornerRadius;
48
50
  border-bottom-left-radius: @sapUiButtonBorderCornerRadius;
49
- margin-left: 0;
51
+ border-left: 1px solid @sapUiButtonBorderColor;
52
+ margin-left: -1px;
50
53
  }
51
54
 
52
55
  .sapMSegBBtn:first-child .sapMSegBBtnInnerWrapper {
@@ -55,16 +58,17 @@
55
58
  border-left: 1px solid @sapUiButtonBorderColor;
56
59
  }
57
60
 
58
- .sapMSegBBtn:last-child .sapMSegBBtnInnerWrapper {
61
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInnerWrapper {
59
62
  border-top-right-radius: @sapUiButtonBorderCornerRadius;
60
63
  border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
61
64
  border-right: 1px solid @sapUiButtonBorderColor;
62
65
  }
63
66
 
64
- .sapMSegBBtn:last-child .sapMSegBBtnInner{
67
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner{
65
68
  border-top-right-radius: @sapUiButtonBorderCornerRadius;
66
69
  border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
67
- margin-right: 0;
70
+ border-right: 1px solid @sapUiButtonBorderColor;
71
+ margin-right: -1px;
68
72
  }
69
73
 
70
74
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
@@ -74,7 +78,7 @@ html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
74
78
  }
75
79
 
76
80
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
77
- border-color: @sapUiButtonBorderColor;
81
+ border-color: @sapUiButtonSelectedBorderColor;
78
82
  }
79
83
 
80
84
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
@@ -82,23 +86,122 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
82
86
  }
83
87
 
84
88
  /* Custom focus outline: */
89
+ html.sap-desktop {
90
+ .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
91
+ content: "";
92
+ position: absolute;
93
+ box-sizing: border-box;
94
+ left: 0.125rem;
95
+ top: 0.375rem;
96
+ right: 0.2rem;
97
+ bottom: 0.375rem;
98
+ pointer-events: none;
99
+ border: 0.125rem solid @sapUiContentFocusColor;
100
+ border-radius: 0.375rem;
101
+ }
102
+ .sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
103
+ &.sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
104
+ top: 0.3rem;
105
+ bottom: 0.3rem;
106
+ }
107
+ }
108
+
109
+ /* Custom focus outline: */
110
+ html.sap-desktop {
111
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
112
+ content: "";
113
+ position: absolute;
114
+ box-sizing: border-box;
115
+ left: 0.2rem;
116
+ top: 0.375rem;
117
+ right: 0.125rem;
118
+ bottom: 0.375rem;
119
+ pointer-events: none;
120
+ border: 0.125rem solid @sapUiContentFocusColor;
121
+ border-radius: 0.375rem;
122
+ }
123
+ .sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
124
+ &.sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
125
+ top: 0.3rem;
126
+ bottom: 0.3rem;
127
+ }
128
+ }
129
+
85
130
  html.sap-desktop {
86
131
  .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
87
132
  content: "";
88
133
  position: absolute;
89
134
  box-sizing: border-box;
90
135
  left: 0.2rem;
91
- top: 0.45rem;
136
+ top: 0.375rem;
92
137
  right: 0.2rem;
93
- bottom: 0.45rem;
138
+ bottom: 0.375rem;
94
139
  pointer-events: none;
95
140
  border: 0.125rem solid @sapUiContentFocusColor;
96
141
  border-radius: 0.375rem;
97
142
  }
98
143
  .sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
99
144
  &.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
100
- top: 0.4rem;
101
- bottom: 0.4rem;
145
+ top: 0.3rem;
146
+ bottom: 0.3rem;
147
+ }
148
+ }
149
+
150
+ .sapMSegB.sapMSegBIcons {
151
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
152
+ margin-right: -1px;
153
+ }
154
+ }
155
+
156
+ .sapMSegB.sapMSegBIcons {
157
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
158
+ margin-right: -1px;
159
+ }
160
+ }
161
+
162
+ /* Custom focus outline: */
163
+ html.sap-desktop {
164
+ .sapMSegB.sapMSegBIcons {
165
+ .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner:after {
166
+ content: "";
167
+ position: absolute;
168
+ box-sizing: border-box;
169
+ left: 0.2rem;
170
+ top: 0.375rem;
171
+ right: 0.15rem;
172
+ bottom: 0.375rem;
173
+ pointer-events: none;
174
+ border: 0.125rem solid @sapUiContentFocusColor;
175
+ border-radius: 0.375rem;
176
+ }
177
+ }
178
+ .sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner:after,
179
+ &.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner:after {
180
+ top: 0.3rem;
181
+ bottom: 0.3rem;
182
+ }
183
+ }
184
+
185
+ /* Custom focus outline: */
186
+ html.sap-desktop {
187
+ .sapMSegB.sapMSegBIcons {
188
+ .sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner:after {
189
+ content: "";
190
+ position: absolute;
191
+ box-sizing: border-box;
192
+ left: 0.15rem;
193
+ top: 0.375rem;
194
+ right: 0.15rem;
195
+ bottom: 0.375rem;
196
+ pointer-events: none;
197
+ border: 0.125rem solid @sapUiContentFocusColor;
198
+ border-radius: 0.375rem;
199
+ }
200
+ .sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner:after,
201
+ &.sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner:after {
202
+ top: 0.3rem;
203
+ bottom: 0.3rem;
204
+ }
102
205
  }
103
206
  }
104
207
 
@@ -147,7 +250,7 @@ html.sap-desktop {
147
250
 
148
251
  .sapMSegBBtn.sapMSegBBtnSel:hover {
149
252
  .sapMSegBBtnInner {
150
- border-color: @sapUiButtonSelectedHoverBorderColor;
253
+ border-color: @sapUiButtonSelectedBorderColor;
151
254
  }
152
255
  }
153
256
 
@@ -226,7 +329,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
226
329
  border-bottom-left-radius: 0.5rem;
227
330
  }
228
331
 
229
- .sapMSegBBtn:last-child .sapMSegBBtnInner {
332
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
230
333
  border-top-right-radius: 0.5rem;
231
334
  border-bottom-right-radius: 0.5rem;
232
335
  }
@@ -118,8 +118,10 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
118
118
  }
119
119
 
120
120
  .sapMSlt.sapMSltReadonly {
121
- background: @sapUiFieldReadOnlyBackground;
122
- border-bottom: dashed @sapUiElementBorderWidth @sapUiFieldReadOnlyBorderColor;
121
+ border-color: @sapUiFieldReadOnlyBorderColor;
122
+ background:@sapUiFieldReadOnlyBackgroundStyle;
123
+ background-color: @sapUiFieldReadOnlyBackground;
124
+ box-shadow: none;
123
125
  }
124
126
 
125
127
  div.sapMSltPicker .sapMSltPickerValueState {
@@ -12,10 +12,6 @@
12
12
  height: 1.5rem;
13
13
  margin-left: -1rem;
14
14
  top: -0.625rem;
15
-
16
- &:not(:focus) {
17
- box-shadow: @sapUiContentSelectedShadow;
18
- }
19
15
  }
20
16
 
21
17
  .sapMSlider {
@@ -23,7 +19,7 @@
23
19
  align-items: center;
24
20
  }
25
21
 
26
- .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
22
+ .sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
27
23
  font-family: SAP-icons;
28
24
  content: "\e29c";
29
25
  position: absolute;
@@ -48,15 +44,13 @@
48
44
  &:not(:focus) {
49
45
  border-color: @sapUiSliderHoverHandleBorderColor;
50
46
  background: @sapUiSliderHoverHandleBackground;
51
- box-shadow: @sapUiContentSelectedShadow;
52
47
  }
53
48
  }
54
49
 
55
50
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
56
- background: @sapUiSliderActiveHandleBackground;
57
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
51
+ background: @sapUiSliderActiveRangeHandleBackground;
52
+ border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
58
53
  outline: none;
59
- box-shadow: none;
60
54
  top: -0.625rem;
61
55
  }
62
56
 
@@ -128,6 +122,7 @@
128
122
  }
129
123
 
130
124
  .sapMSliderTick {
125
+ border-color: @sapUiContentMeasureIndicatorColor;
131
126
  margin: 0;
132
127
  height: .5rem;
133
128
  }
@@ -8,13 +8,11 @@
8
8
  border-color: @sapUiContentContrastFocusColor;
9
9
  }
10
10
 
11
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
12
11
  .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
13
12
  .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
14
13
  border-left-color: @sapUiButtonBorderColor;
15
14
  }
16
15
 
17
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
18
16
  .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
19
17
  .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed) {
20
18
  border-left-color: @sapUiButtonLiteActiveBorderColor;
@@ -45,7 +43,7 @@
45
43
  }
46
44
 
47
45
  .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
48
- margin-right: 2.3125rem;
46
+ margin-right: 2.25rem;
49
47
  }
50
48
 
51
49
  .sapMSB .sapMSBInner {
@@ -61,10 +59,10 @@
61
59
 
62
60
  .sapUiSizeCompact {
63
61
  .sapMSB .sapMSBInner {
64
- padding: 0.15rem 0;
62
+ padding: 0.1875rem 0;
65
63
  }
66
64
  .sapMSB .sapMSBText {
67
- height: 1.75rem;
65
+ height: 1.625rem;
68
66
  }
69
67
  }
70
68
 
@@ -100,8 +98,13 @@
100
98
  background-color: @sapUiButtonAttentionBackground;
101
99
  }
102
100
 
103
- .sapMSB .sapMBtnInner {
104
- border: none;
101
+ .sapMMenuBtnSplit {
102
+ .sapMBtnInner,
103
+ span.sapMBtnInner.sapMBtnAccept,
104
+ span.sapMBtnInner.sapMBtnAttention,
105
+ span.sapMBtnInner.sapMBtnReject {
106
+ border-color: transparent;
107
+ }
105
108
  }
106
109
 
107
110
  .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -117,12 +120,18 @@
117
120
  border-radius: 0.35rem;
118
121
  }
119
122
 
120
- .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
121
- .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
123
+ .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
124
+ background-color: @sapUiButtonEmphasizedTextColor;
125
+ }
126
+
127
+ .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
128
+ background-color: @sapUiButtonInformationTextColor;
129
+ }
130
+
122
131
  .sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
123
132
  .sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
124
133
  .sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
125
- background-color: @sapUiButtonEmphasizedTextColor;
134
+ background-color: @sapUiButtonSuccessTextColor;
126
135
  }
127
136
 
128
137
  .sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -158,7 +167,10 @@
158
167
  border-radius: 0.375rem;
159
168
  }
160
169
 
161
- .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
170
+ .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
171
+ .sapMSB.sapMSBCritical:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
172
+ .sapMSB.sapMSBNegative:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
173
+ .sapMSB.sapMSBSuccess:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
162
174
  border-color: @sapUiContentContrastFocusColor;
163
175
  }
164
176
 
@@ -167,7 +179,7 @@
167
179
  }
168
180
 
169
181
  .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
170
- border: 0.125rem solid @sapUiContentFocusColor;
182
+ border: 0.0625rem solid @sapUiContentFocusColor;
171
183
  min-width: 2.3125rem;
172
184
 
173
185
  &.sapMBtnText > .sapUiIcon {
@@ -176,35 +188,15 @@
176
188
 
177
189
  .sapUiIcon {
178
190
  position: absolute;
179
- top: -0.0625rem;
180
- left: -0.0625rem;
181
- padding-left: 0.0625rem;
191
+ left: 0.0625rem;
182
192
  padding-right: 0.0625rem;
183
193
  }
184
194
 
185
- .sapMBtnContent {
186
- top: 2px;
187
- padding-left: 0.0625rem;
188
- }
189
-
190
195
  .sapUiIcon + .sapMBtnContent {
191
- top: -1px;
192
196
  padding-left: 1.4375rem;
193
197
  }
194
198
  }
195
199
 
196
- .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnIconFirst) .sapMBtnContent {
197
- position: relative;
198
- left: 0.0625rem;
199
- top: 0.0625rem;
200
- }
201
-
202
- .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive:not(.sapMBtnIconFirst) .sapMBtnContent {
203
- position: relative;
204
- left: 0;
205
- top: -0.0625rem;
206
- }
207
-
208
200
  .sapUiSizeCompact .sapMSB {
209
201
  .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
210
202
  margin-right: 2rem;
@@ -212,8 +204,8 @@
212
204
 
213
205
  :not(.sapMBtnDisabled) > span.sapMBtnInner {
214
206
  &.sapMBtnInner.sapMBtnText {
215
- padding-left: 0.4375rem;
216
- padding-right: 0.5rem;
207
+ padding-right: 0.3125rem;
208
+ padding-left: 0.3125rem;
217
209
  }
218
210
  &.sapMBtnEmphasized.sapMBtnActive {
219
211
  min-width: 2rem;
@@ -225,8 +217,18 @@
225
217
  }
226
218
  }
227
219
 
228
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
229
- left: -0.0625rem;
220
+ .sapUiSizeCompact {
221
+ .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
222
+ .sapUiIcon {
223
+ position: absolute;
224
+ left: 0;
225
+ padding-right: 0;
226
+ }
227
+
228
+ .sapMBtnContent {
229
+ top: 0;
230
+ }
231
+ }
230
232
  }
231
233
 
232
234
  .sapMMenuBtn .sapMBtnDisabled {
@@ -251,6 +253,13 @@ html.sap-desktop .sapMMenuBtnSplit .sapMBtn:focus > .sapMFocusable:after {
251
253
  right: 0.125rem;
252
254
  }
253
255
 
256
+ .sapUiSizeCompact {
257
+ .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
258
+ left: 0.0625rem;
259
+ right: 0.0625rem;
260
+ }
261
+ }
262
+
254
263
  html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
255
264
  width: auto;
256
265
  height: auto;
@@ -9,6 +9,9 @@
9
9
  padding-top: 0.6875rem;
10
10
  padding-bottom: 0.6875rem;
11
11
  }
12
+ html[data-sap-ui-browser^="cr"] .sapUiFormEdit .sapMText {
13
+ line-height: 1.4375rem;
14
+ }
12
15
 
13
16
  .sapMTB-Info-CTX > .sapMText {
14
17
  font-style: italic;
@@ -13,10 +13,10 @@
13
13
  @_sapMTextAreaValueStateInformationPadding_Compact: 0.1875rem 0.5rem 0.125rem;
14
14
  @_sapMTextAreaValueStateErrorWarningPadding: 0.5rem 0.625rem 0.4375rem;
15
15
  @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.1875rem 0.5rem 0.125rem;
16
- @_sapMTextAreaContentWrapperPadding: 0 0 1px 0;
17
- @_sapMTextAreaContentWrapperValueStateSuccessPadding: 0 0 1px 0;
18
- @_sapMTextAreaContentWrapperValueStateInformationPadding: 0 0 2px 0;
19
- @_sapMTextAreaContentWrapperValueStateErrorWarningPadding: 0 0 2px 0;
16
+ @_sapMTextAreaContentWrapperPadding: 0.0625rem;
17
+ @_sapMTextAreaContentWrapperValueStateSuccessPadding: 0.0625rem;
18
+ @_sapMTextAreaContentWrapperValueStateInformationPadding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
19
+ @_sapMTextAreaContentWrapperValueStateErrorWarningPadding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
20
20
 
21
21
  .sapMInputBase.sapMTextArea {
22
22
  min-height: 2.25rem;
@@ -47,3 +47,23 @@
47
47
  bottom: 1px;
48
48
  }
49
49
  }
50
+
51
+ .sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
52
+ padding: 0;
53
+ }
54
+
55
+ .sapMInputBaseContentWrapper ::-webkit-scrollbar:vertical {
56
+ border-top-right-radius: 0.25rem;
57
+ border-bottom-right-radius: 0.25rem;
58
+ }
59
+
60
+ .sapMInputBaseContentWrapper ::-webkit-scrollbar:horizontal {
61
+ border-bottom-left-radius: 0.25rem;
62
+ border-bottom-right-radius: 0.25rem;
63
+ }
64
+
65
+ .sapMTextAreaInner.sapMTextAreaGrow {
66
+ border: 0.0625rem solid transparent;
67
+ border-radius: 0.25rem;
68
+ right: 0;
69
+ }
@@ -10,12 +10,12 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
10
10
 
11
11
  .sapMTB {
12
12
  height: 2.75rem;
13
- padding: 0 0.5rem 0 0.25rem;
13
+ padding: 0 0.5rem;
14
14
  }
15
15
 
16
16
  .sapMTB-Transparent-CTX.sapMTB,
17
17
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
18
- padding: 0 0.5rem 0 0.75rem;
18
+ padding: 0 0.5rem 0 1rem;
19
19
  }
20
20
 
21
21
  /* Info Toolbar Context */
@@ -62,8 +62,12 @@
62
62
 
63
63
  // value state
64
64
  .sapMCbErr {
65
- .sapMCbBg {
65
+ &:hover .sapMCbBg,
66
+ .sapMCbBg{
66
67
  background-color: @sapUiFieldInvalidBackground;
68
+ }
69
+
70
+ .sapMCbBg {
67
71
  border: @sapUiFieldInvalidBorderWidth dashed @sapUiFieldInvalidColor;
68
72
  color: @sapUiFieldInvalidColor;
69
73
 
@@ -163,6 +167,21 @@
163
167
  border-radius: 0.5rem;
164
168
  }
165
169
 
170
+ /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
171
+ .sapUiForm {
172
+ .sapMCbBg {
173
+ left: 0;
174
+ }
175
+
176
+ .sapMCb {
177
+ padding-left: 2.0625rem; // to have right gap between checkbox and label
178
+ }
179
+
180
+ .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
181
+ left: -0.25rem; /* more is not possible as this would cut off the focus border */
182
+ }
183
+ }
184
+
166
185
  .sapUiSizeCompact {
167
186
  .sapMCb {
168
187
  height: 2rem;
@@ -203,4 +222,19 @@
203
222
  top: 0.5625rem;
204
223
  left: 0.5625rem;
205
224
  }
225
+
226
+ /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
227
+ .sapUiForm {
228
+ .sapMCbBg {
229
+ left: 0;
230
+ }
231
+
232
+ .sapMCb {
233
+ padding-left: 1.5rem; // to have right gap between checkbox and label
234
+ }
235
+
236
+ .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
237
+ left: -0.1875rem;
238
+ }
239
+ }
206
240
  }
@@ -38,4 +38,8 @@
38
38
 
39
39
  .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
40
40
  padding-right: 0rem;
41
+ }
42
+
43
+ .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
44
+ background-color: @sapUiButtonSelectedBackground;
41
45
  }