@openui5/themelib_sap_horizon 1.108.18 → 1.108.20

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 (83) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  5. package/src/sap/m/themes/sap_horizon/IconTabBar.less +257 -70
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  7. package/src/sap/m/themes/sap_horizon/Label.less +6 -0
  8. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  9. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  10. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  11. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  12. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  13. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
  14. package/src/sap/m/themes/sap_horizon/Table.less +4 -0
  15. package/src/sap/m/themes/sap_horizon/Text.less +6 -0
  16. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  17. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  18. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  19. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  20. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +228 -39
  21. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  23. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  24. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  26. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  27. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  28. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
  30. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  31. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  32. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  34. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  36. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
  37. package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
  38. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  40. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  41. package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
  42. package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  45. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  47. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
  48. package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  52. package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
  53. package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
  54. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  55. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  56. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
  57. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  58. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  59. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
  60. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  61. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  62. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
  63. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  64. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  65. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
  66. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  67. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  69. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  70. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  71. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  72. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
  73. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  75. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  77. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  78. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  79. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  80. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  81. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  82. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  83. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
@@ -76,10 +76,6 @@
76
76
  }
77
77
  }
78
78
 
79
- .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
80
- filter: drop-shadow(0 0 0.125rem fade(@sapContent_ShadowColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
81
- }
82
-
83
79
  .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
84
80
  stroke: @sapUiFieldHoverBorderColor;
85
81
  }
@@ -136,10 +132,6 @@
136
132
  }
137
133
  }
138
134
 
139
- .sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
140
- filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
141
- }
142
-
143
135
  .sapMRbWarn.sapMRbSel,
144
136
  .sapMRbWarn.sapMRbSel.sapMRbRo {
145
137
  .sapMRbBInn {
@@ -157,10 +149,6 @@
157
149
  }
158
150
  }
159
151
 
160
- .sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
161
- filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
162
- }
163
-
164
152
  .sapMRbSucc.sapMRbSel,
165
153
  .sapMRbSucc.sapMRbSel.sapMRbRo {
166
154
  .sapMRbBInn {
@@ -178,11 +166,6 @@
178
166
  }
179
167
  }
180
168
 
181
-
182
- .sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
183
- filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
184
- }
185
-
186
169
  .sapMRbInfo.sapMRbSel,
187
170
  .sapMRbInfo.sapMRbSel.sapMRbRo {
188
171
  .sapMRbBInn {
@@ -200,10 +183,6 @@
200
183
  }
201
184
  }
202
185
 
203
- .sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
204
- filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
205
- }
206
-
207
186
  .sapMRbRo .sapMRbBOut {
208
187
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
209
188
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: @sapUiElementHeight;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -33,7 +32,7 @@
33
32
  height: ~"calc(100% - 1px)";
34
33
 
35
34
  border-radius: @sapUiFieldBorderCornerRadius;
36
- color: @sapUiButtonTextColor;
35
+ color: @sapUiFieldTextColor;
37
36
 
38
37
  &:first-of-type {
39
38
  margin-left: 0.25rem;
@@ -44,14 +43,14 @@
44
43
  }
45
44
 
46
45
  &:hover {
47
- box-shadow: @sapUiContentInteractionShadow;
48
- background-color: @sapUiButtonLiteHoverBackground;
46
+ box-shadow: @sapUiFieldHoverShadow;
47
+ background-color: @sapUiFieldHoverBackground;
49
48
  }
50
49
 
51
50
  &:active,
52
51
  &.sapMSFBA // Firefox specific
53
52
  {
54
- box-shadow: @sapUiContentInteractionShadow;
53
+ box-shadow: @sapUiFieldHoverShadow;
55
54
  color: @sapUiButtonSelectedTextColor;
56
55
  background-color: @sapUiButtonLiteActiveBackground;
57
56
  }
@@ -69,4 +68,8 @@
69
68
  &:hover .sapMSFF {
70
69
  box-shadow: none;
71
70
  }
71
+
72
+ .sapMSFB:hover {
73
+ color: @sapUiButtonSelectedTextColor;
74
+ }
72
75
  }
@@ -50,8 +50,7 @@
50
50
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
51
51
  background: @sapUiButtonHoverBackground;
52
52
  border-radius: 0.5rem;
53
- box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
54
- border-color: transparent;
53
+ border-color: @sapUiButtonHoverBorderColor;
55
54
  }
56
55
 
57
56
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
@@ -59,7 +58,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
59
58
  }
60
59
 
61
60
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
62
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
61
+ border-color: @sapUiButtonHoverBorderColor;
63
62
  }
64
63
 
65
64
  /* Custom focus outline: */
@@ -54,4 +54,8 @@
54
54
  line-height: 2rem;
55
55
  }
56
56
  }
57
+ }
58
+
59
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
60
+ line-height: normal;
57
61
  }
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
@@ -6,6 +6,8 @@
6
6
  /* hover and down on toggled button */
7
7
  .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
8
8
  .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
9
+ box-shadow: none;
10
+
9
11
  &.sapMBtnReject {
10
12
  background-color: @sapUiButtonRejectSelectedHoverBackground;
11
13
  border-color: @sapUiButtonRejectSelectedHoverBorderColor;
@@ -68,25 +70,6 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
68
70
  color: @sapUiButtonSelectedTextColor;
69
71
  }
70
72
 
71
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive) {
72
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
73
- }
74
-
75
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnEmphasized {
76
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
77
- }
78
-
79
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept {
80
- box-shadow: 0 0 0.125rem 0 fade(@sapPositiveColor, 72);
81
- }
82
-
83
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject {
84
- box-shadow: 0 0 0.125rem 0 fade(@sapNegativeColor, 72);
85
- }
86
-
87
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention {
88
- box-shadow: 0 0 0.125rem 0 fade(@sapCriticalColor, 72);
89
- }
90
73
 
91
74
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
92
75
  border-color: @sapUiContentFocusColor;
@@ -48,6 +48,7 @@
48
48
  @import "MessageBox.less";
49
49
  @import "MessageStrip.less";
50
50
  @import "MessageView.less";
51
+ @import "MessageToast.less";
51
52
  @import "MultiComboBox.less";
52
53
  @import "MultiInput.less";
53
54
  @import "NewsContent.less";
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiBrand;
8
+ background: @sapUiContentBusyColor;
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiBrand;
14
+ box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
15
15
  }
@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
35
35
  /* --------------------- */
36
36
  .sapMBtnInner {
37
37
  font-size: @sapMFontMediumSize;
38
- height: 2.25rem;
38
+ height: @sapUiElementHeight;
39
39
  min-width: 2.25rem;
40
40
  margin: 0;
41
41
  padding: 0;
@@ -184,6 +184,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
184
184
  border-color: @sapUiButtonLiteBorderColor;
185
185
  }
186
186
 
187
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
188
+ text-shadow: @sapUiContentTextShadow;
189
+ }
190
+
187
191
  /* ---------------------------------------------------------------------*/
188
192
  /* Disabled, hover and active states: */
189
193
  /* ---------------------------------------------------------------------*/
@@ -279,31 +283,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
279
283
  color: @sapUiButtonLiteTextColor;
280
284
  }
281
285
 
282
- // box shadow on hover
283
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
284
- box-shadow: @sapContent_Interaction_Shadow;
285
- }
286
-
287
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnEmphasized,
288
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnSuccess,
289
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNegative,
290
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNeutral,
291
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnCritical {
292
- box-shadow: none;
293
- }
294
-
295
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAccept {
296
- box-shadow: @sapContent_Positive_Shadow;
297
- }
298
-
299
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnReject {
300
- box-shadow: @sapContent_Negative_Shadow;
301
- }
302
-
303
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
304
- box-shadow: @sapContent_Critical_Shadow;
305
- }
306
-
307
286
  /* ----------------------*/
308
287
  /* Badges */
309
288
  /* ----------------------*/
@@ -314,4 +293,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
314
293
  color: @sapContent_BadgeTextColor;
315
294
  font-size: @sapFontSmallSize;
316
295
  text-align: center;
296
+ }
297
+
298
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
299
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
300
+
301
+ bdi {
302
+ color: @sapUiButtonLiteHoverTextColor;
303
+ }
317
304
  }
@@ -9,11 +9,10 @@
9
9
 
10
10
  @_sap_m_IconTabBar_TextColor: @sapTextColor;
11
11
  @_sap_m_IconTabBar_TextShadow: none;
12
- @_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
13
12
  @_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
14
13
  @_sap_m_IconTabBar_More_Button_Font_size: 1rem;
15
14
  @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
16
- @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
15
+ @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
17
16
 
18
17
 
19
18
  // ==================== Cozy size ====================
@@ -63,6 +62,8 @@
63
62
  // Separator
64
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
65
64
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
66
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
66
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
67
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
68
69
 
@@ -143,15 +144,17 @@
143
144
  @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
144
145
  @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
145
146
  @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
146
- @_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
147
+ @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
147
148
  @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
148
149
 
149
150
  // =========== Overflow ===========
151
+ @_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
152
+ @_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
150
153
  @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
151
154
  @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
152
- @_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
153
- @_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
154
- @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
155
+ @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
156
+ @_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
157
+ @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
155
158
 
156
159
  @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
157
160
  @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -203,6 +206,19 @@
203
206
  background: @sapContent_Selected_ForegroundColor;
204
207
  }
205
208
  }
209
+
210
+ .sapMITBFilterExpandBtnSeparator {
211
+ border-right: 0.0625rem solid;
212
+ margin-left: 0.625rem;
213
+ border-color: @_sap_m_IconTabBar_TextColor;
214
+ height: 1rem;
215
+ margin-top: 0.875rem;
216
+ }
217
+
218
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
219
+ border-radius: 0.25rem;
220
+ }
221
+
206
222
  //More Button
207
223
  .sapMITHStartOverflow,
208
224
  .sapMITHEndOverflow {
@@ -212,20 +228,29 @@
212
228
  border: 1px solid @sapButton_BorderColor;
213
229
 
214
230
  .sapMITHShowSubItemsIcon {
215
- color: @sapButton_TextColor;
231
+ color: @sapUiBaseText;
216
232
  }
217
233
  }
218
234
  }
219
235
 
236
+ .sapMITHEndOverflow:hover,
237
+ .sapMITHStartOverflow:hover {
238
+ .sapMITBItem {
239
+ background: @sapButton_Hover_Background;
240
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
241
+ }
242
+ }
243
+
220
244
  .sapMITHEndOverflow,
221
245
  .sapMITHStartOverflow {
222
246
  .sapMITHShowSubItemsIcon {
223
247
  padding-left: 0.375rem;
224
248
  }
225
249
  }
250
+
226
251
  //Arrow button
227
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
228
- color: @_sap_m_IconTabBar_TextHoverColor !important;
252
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
253
+ color: @sapUiBaseText;
229
254
  }
230
255
  }
231
256
 
@@ -325,50 +350,113 @@
325
350
 
326
351
  /* Tab Filter Item */
327
352
 
328
- .sapMITBTextOnly {
329
-
330
- .sapMITBFilterDefault:hover .sapMITBText {
331
- color: @_sap_m_IconTabBar_TextHoverColor;
353
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
354
+ .sapMBtn {
355
+ margin-bottom: 0.9375rem;
332
356
  }
357
+ }
333
358
 
334
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
335
- color: @_sap_m_IconTabBar_SelectedTextColor;
359
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
360
+ .sapMBtn {
361
+ margin-bottom: 1.875rem;
336
362
  }
363
+ }
337
364
 
338
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
339
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
365
+ .sapMITBNoText.sapMITH {
366
+ .sapMBtn {
367
+ margin-bottom: 0.9375rem;
340
368
  }
369
+ }
341
370
 
342
- .sapMITBFilterNeutral .sapMITBText {
343
- color: @sapUiNeutralText;
371
+ .sapMITBNoContentPadding .sapMITBTextOnly {
372
+ .sapMITBFilterExpandBtnSeparator {
373
+ margin-top: 1.125rem;
344
374
  }
345
-
346
- .sapMITBFilterNeutral:hover .sapMITBText {
347
- color: darken(@sapUiNeutralText, 10);
375
+ .sapMBtn {
376
+ margin-top: 0.25rem;
348
377
  }
378
+ }
349
379
 
350
- .sapMITBFilterPositive .sapMITBText {
351
- color: @sapUiPositiveText;
352
- }
380
+ .sapMITBTextOnly {
353
381
 
354
- .sapMITBFilterPositive:hover .sapMITBText {
355
- color: darken(@sapUiPositiveText, 10);
382
+ .sapMITBFilterDefault.sapMITBSelected {
383
+ .sapMITBText {
384
+ color: @sapContent_Selected_ForegroundColor;
385
+ }
386
+ .sapMITBFilterExpandBtnSeparator {
387
+ border-color: @sapContent_Selected_ForegroundColor;
388
+ }
389
+ .sapMBtnIcon {
390
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
391
+ }
356
392
  }
357
393
 
358
- .sapMITBFilterNegative .sapMITBText {
359
- color: @sapUiNegativeText;
394
+ .sapMITBFilterNeutral {
395
+ .sapMITBText {
396
+ color: @sapUiNeutralText;
397
+ }
398
+ .sapMITBFilterWrapper:hover .sapMITBText {
399
+ color: @sapUiNeutralText;
400
+ }
401
+ .sapMITBFilterExpandBtn:hover{
402
+ .sapMBtnIcon {
403
+ color: @sapUiNeutralText;
404
+ }
405
+ }
406
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
407
+ border-color: @sapUiNeutralText;
408
+ }
360
409
  }
361
410
 
362
- .sapMITBFilterNegative:hover .sapMITBText {
363
- color: darken(@sapUiNegativeText, 10);
411
+ .sapMITBFilterPositive {
412
+ .sapMITBText {
413
+ color: @sapUiPositiveText;
414
+ }
415
+ .sapMITBFilterWrapper:hover .sapMITBText {
416
+ color: @sapUiPositiveText;
417
+ }
418
+ .sapMITBFilterExpandBtn:hover{
419
+ .sapMBtnIcon {
420
+ color: @sapUiPositiveText !important;
421
+ }
422
+ }
423
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
424
+ border-color: @sapUiPositiveText;
425
+ }
364
426
  }
365
427
 
366
- .sapMITBFilterCritical .sapMITBText {
367
- color: @sapUiCriticalText;
428
+ .sapMITBFilterNegative {
429
+ .sapMITBText {
430
+ color: @sapUiNegativeText;
431
+ }
432
+ .sapMITBFilterWrapper:hover .sapMITBText {
433
+ color: @sapUiNegativeText;
434
+ }
435
+ .sapMITBFilterExpandBtn:hover{
436
+ .sapMBtnIcon {
437
+ color: @sapUiNegativeText;
438
+ }
439
+ }
440
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
441
+ border-color: @sapUiNegativeText;
442
+ }
368
443
  }
369
444
 
370
- .sapMITBFilterCritical:hover .sapMITBText {
371
- color: darken(@sapUiCriticalText, 10);
445
+ .sapMITBFilterCritical {
446
+ .sapMITBText {
447
+ color: @sapUiCriticalText;
448
+ }
449
+ .sapMITBFilterWrapper:hover .sapMITBText {
450
+ color: @sapUiCriticalText;
451
+ }
452
+ .sapMITBFilterExpandBtn:hover{
453
+ .sapMBtnIcon {
454
+ color: @sapUiCriticalText;
455
+ }
456
+ }
457
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
458
+ border-color: @sapUiCriticalText;
459
+ }
372
460
  }
373
461
  }
374
462
 
@@ -379,26 +467,117 @@
379
467
  .sapMITBFilterDefault {
380
468
  border-color: @sapUiContentSelectedForegroundColor;
381
469
  color: @sapUiContentSelectedForegroundColor;
470
+
471
+ .sapMITBFilterExpandBtnSeparator {
472
+ border-color: @sapUiBaseText;
473
+ }
474
+
475
+ .sapMBtnIcon {
476
+ color: @sapUiBaseText !important;
477
+ }
478
+ }
479
+
480
+ .sapMITBFilterDefault {
481
+ .sapMITBFilterWrapper:hover {
482
+ .sapMITBText {
483
+ color: @sapUiContentSelectedForegroundColor;
484
+ }
485
+ }
486
+
487
+ .sapMITBFilterExpandBtn:hover {
488
+ .sapMBtnIcon {
489
+ color: @sapUiBaseText;
490
+ }
491
+ }
382
492
  }
383
493
 
384
494
  .sapMITBFilterNeutral {
385
495
  color: @sapUiNeutralElement;
386
496
  border-color: @sapUiNeutralElement;
497
+
498
+ .sapMITBFilterExpandBtnSeparator {
499
+ border-color: @sapUiNeutralText;
500
+ }
501
+
502
+ .sapMBtnIcon {
503
+ color: @sapUiNeutralText !important;
504
+ }
387
505
  }
388
506
 
389
507
  .sapMITBFilterPositive {
390
508
  color: @sapUiPositiveElement;
391
509
  border-color: @sapUiPositiveElement;
510
+
511
+ .sapMITBFilterExpandBtnSeparator {
512
+ border-color: @sapUiPositiveText;
513
+ }
514
+
515
+ .sapMBtnIcon {
516
+ color: @sapUiPositiveText !important;
517
+ }
392
518
  }
393
519
 
394
- .sapMITBFilterNegative {
520
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
395
521
  color: @sapUiNegativeElement;
396
522
  border-color: @sapUiNegativeElement;
523
+
524
+ .sapMITBFilterExpandBtnSeparator {
525
+ border-color: @sapUiNegativeText;
526
+ }
527
+
528
+ .sapMBtnIcon {
529
+ color: @sapUiNegativeText !important;
530
+ }
397
531
  }
398
532
 
399
533
  .sapMITBFilterCritical {
400
534
  color: @sapUiCriticalElement;
401
535
  border-color: @sapUiCriticalElement;
536
+
537
+ .sapMITBFilterExpandBtnSeparator {
538
+ border-color: @sapUiCriticalText;
539
+ }
540
+
541
+ .sapMBtnIcon {
542
+ color: @sapUiCriticalText !important;
543
+ }
544
+ }
545
+ .sapMITH:not(.sapMITBTextOnly) {
546
+
547
+ .sapMITBFilterNeutral {
548
+ .sapMITBFilterExpandBtnSeparator {
549
+ border-color: @sapUiNeutralElement;
550
+ }
551
+ .sapMBtnIcon {
552
+ color: @sapUiNeutralElement !important;
553
+ }
554
+ }
555
+
556
+ .sapMITBFilterPositive {
557
+ .sapMITBFilterExpandBtnSeparator {
558
+ border-color: @sapUiPositiveElement;
559
+ }
560
+ .sapMBtnIcon {
561
+ color: @sapUiPositiveElement !important;
562
+ }
563
+ }
564
+
565
+ .sapMITBFilterNegative {
566
+ .sapMITBFilterExpandBtnSeparator {
567
+ border-color: @sapUiNegativeElement;
568
+ }
569
+ .sapMBtnIcon {
570
+ color: @sapUiNegativeElement !important;
571
+ }
572
+ }
573
+ .sapMITBFilterCritical {
574
+ .sapMITBFilterExpandBtnSeparator {
575
+ border-color: @sapUiCriticalElement;
576
+ }
577
+ .sapMBtnIcon {
578
+ color: @sapUiCriticalElement !important;
579
+ }
580
+ }
402
581
  }
403
582
 
404
583
  .sapMITBSelected {
@@ -570,9 +749,13 @@ html.sap-desktop {
570
749
  .sapMITHStartOverflow,
571
750
  .sapMITHEndOverflow {
572
751
  .sapMITBItem {
752
+ &:active{
753
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
754
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
755
+ }
573
756
  &:active::after {
574
- // when overflow is pressed, make the focus white
575
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
757
+ // when overflow is pressed, hide the focus
758
+ border-color: transparent;
576
759
  }
577
760
  }
578
761
  }
@@ -687,10 +870,16 @@ html.sap-desktop {
687
870
  .sapMITBFilterPopover {
688
871
 
689
872
  .sapMITBText .sapMBadgeAttention {
690
- right: -0.75rem;
873
+ right: -0.5rem;
691
874
  }
692
875
 
693
876
  .sapMITFExpandButtonBadge {
694
877
  left: 0.5rem;
695
878
  }
879
+ }
880
+
881
+ .sapMITH {
882
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
883
+ margin-left: -1px; // to hide the separator on hover over the button
884
+ }
696
885
  }
@@ -75,10 +75,14 @@
75
75
  opacity: @sapUiContentDisabledOpacity;
76
76
  }
77
77
 
78
- .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
78
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
79
79
  background-color: @sapField_Focus_Background;
80
80
  outline: none;
81
81
 
82
+ &::before {
83
+ border-color: @sapUiFieldActiveBorderColor;
84
+ }
85
+
82
86
  &.sapMInputBaseReadonlyWrapper {
83
87
  background: @sapField_ReadOnly_Background;
84
88
  }
@@ -9,4 +9,10 @@
9
9
  & > .sapMLabelTextWrapper{
10
10
  padding-right: 5px;
11
11
  }
12
+ }
13
+
14
+ .sapUiTableHeaderDataCell .sapMLabel,
15
+ .sapMListTbl .sapMColumnHeader .sapMLabel {
16
+ font-family: @sapUiFontSemiboldDuplexFamily;
17
+ font-weight: normal;
12
18
  }