@openui5/themelib_sap_horizon 1.102.2 → 1.104.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 (144) hide show
  1. package/.reuse/dep5 +17 -0
  2. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
  3. package/THIRDPARTY.txt +35 -2
  4. package/package.json +18 -18
  5. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +1 -1
  6. package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +17 -9
  7. package/src/sap/f/themes/sap_horizon/GridList.less +4 -0
  8. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +1 -1
  9. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +1 -1
  10. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +8 -0
  11. package/src/sap/f/themes/sap_horizon_dark/GridList.less +4 -0
  12. package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +13 -13
  13. package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +12 -12
  14. package/src/sap/m/themes/sap_horizon/ActionSelect.less +21 -8
  15. package/src/sap/m/themes/sap_horizon/Button.less +5 -6
  16. package/src/sap/m/themes/sap_horizon/GenericTag.less +75 -57
  17. package/src/sap/m/themes/sap_horizon/GenericTile.less +118 -10
  18. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +17 -1
  19. package/src/sap/m/themes/sap_horizon/Label.less +4 -0
  20. package/src/sap/m/themes/sap_horizon/ListItemBase.less +0 -7
  21. package/src/sap/m/themes/sap_horizon/NewsContent.less +16 -2
  22. package/src/sap/m/themes/sap_horizon/ObjectNumber.less +0 -5
  23. package/src/sap/m/themes/sap_horizon/Popover.less +4 -0
  24. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +7 -0
  25. package/src/sap/m/themes/sap_horizon/RangeSlider.less +22 -0
  26. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +30 -0
  27. package/src/sap/m/themes/sap_horizon/SlideTile.less +53 -18
  28. package/src/sap/m/themes/sap_horizon/Slider.less +23 -4
  29. package/src/sap/m/themes/sap_horizon/SplitButton.less +6 -0
  30. package/src/sap/m/themes/sap_horizon/Text.less +1 -0
  31. package/src/sap/m/themes/sap_horizon/TileContent.less +5 -2
  32. package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_dark/ActionSelect.less +23 -10
  34. package/src/sap/m/themes/sap_horizon_dark/Button.less +5 -6
  35. package/src/sap/m/themes/sap_horizon_dark/GenericTag.less +74 -56
  36. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +147 -9
  37. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +16 -0
  38. package/src/sap/m/themes/sap_horizon_dark/Label.less +4 -0
  39. package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +0 -2
  40. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +15 -2
  41. package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +0 -5
  42. package/src/sap/m/themes/sap_horizon_dark/Popover.less +4 -0
  43. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +7 -0
  44. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +30 -0
  45. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +54 -15
  46. package/src/sap/m/themes/sap_horizon_dark/Slider.less +15 -2
  47. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +6 -0
  48. package/src/sap/m/themes/sap_horizon_dark/Text.less +1 -0
  49. package/src/sap/m/themes/sap_horizon_dark/TileContent.less +5 -2
  50. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
  51. package/src/sap/m/themes/sap_horizon_hcb/ActionSelect.less +11 -6
  52. package/src/sap/m/themes/sap_horizon_hcb/GenericTag.less +117 -13
  53. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +116 -0
  54. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +16 -8
  55. package/src/sap/m/themes/sap_horizon_hcb/Label.less +4 -0
  56. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +0 -5
  57. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +4 -0
  58. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +7 -0
  59. package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +3 -3
  60. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +33 -0
  61. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +52 -5
  62. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +26 -2
  63. package/src/sap/m/themes/sap_horizon_hcb/Text.less +1 -0
  64. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +2 -3
  65. package/src/sap/m/themes/sap_horizon_hcw/ActionSelect.less +14 -9
  66. package/src/sap/m/themes/sap_horizon_hcw/GenericTag.less +119 -13
  67. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +116 -1
  68. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +16 -8
  69. package/src/sap/m/themes/sap_horizon_hcw/Label.less +4 -0
  70. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +0 -6
  71. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +4 -0
  72. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
  73. package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +3 -3
  74. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +33 -0
  75. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
  76. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +30 -2
  77. package/src/sap/m/themes/sap_horizon_hcw/Text.less +1 -0
  78. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +2 -3
  79. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +10 -182
  80. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +3 -2
  81. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +11 -182
  82. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +3 -2
  83. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -2
  84. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +3 -2
  85. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -2
  86. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +3 -2
  87. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  88. package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
  89. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  90. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  91. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  92. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  93. package/src/sap/ui/core/themes/sap_horizon/shared.less +15 -0
  94. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  95. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  96. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  97. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  98. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  99. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +15 -0
  100. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  101. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  102. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  103. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  104. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  105. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +20 -0
  106. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  107. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  108. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  109. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  110. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  111. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +20 -0
  112. package/src/sap/ui/layout/themes/sap_horizon/BlockLayout.less +226 -190
  113. package/src/sap/ui/layout/themes/sap_horizon/ColumnLayout.less +1 -1
  114. package/src/sap/ui/layout/themes/sap_horizon_dark/BlockLayout.less +226 -190
  115. package/src/sap/ui/layout/themes/sap_horizon_dark/ColumnLayout.less +1 -1
  116. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +220 -3
  117. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayoutCell.less +1 -1
  118. package/src/sap/ui/layout/themes/sap_horizon_hcb/ColumnLayout.less +1 -1
  119. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +220 -3
  120. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayoutCell.less +1 -1
  121. package/src/sap/ui/layout/themes/sap_horizon_hcw/ColumnLayout.less +1 -1
  122. package/src/sap/ui/mdc/themes/sap_horizon/FieldBase.less +3 -0
  123. package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +2 -1
  124. package/src/sap/ui/mdc/themes/sap_horizon_dark/FieldBase.less +3 -0
  125. package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
  126. package/src/sap/ui/table/themes/sap_horizon/Cell.less +1 -0
  127. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  128. package/src/sap/ui/table/themes/sap_horizon/Scrolling.less +16 -0
  129. package/src/sap/ui/table/themes/sap_horizon/library.source.less +1 -0
  130. package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less +1 -0
  131. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
  132. package/src/sap/ui/table/themes/sap_horizon_dark/Scrolling.less +16 -0
  133. package/src/sap/ui/table/themes/sap_horizon_dark/library.source.less +1 -0
  134. package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less +1 -0
  135. package/src/sap/ui/table/themes/sap_horizon_hcb/Scrolling.less +6 -5
  136. package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less +1 -0
  137. package/src/sap/ui/table/themes/sap_horizon_hcw/Scrolling.less +6 -5
  138. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
  139. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +11 -22
  140. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +11 -22
  141. package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +2 -21
  142. package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +2 -21
  143. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -2
  144. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -2
@@ -22,26 +22,74 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
22
22
 
23
23
  /* Bulleted indicator of multiple tiles*/
24
24
  .sapMSTBulleted > span {
25
- background-color: @sapUiTileBackground;
26
- border: 1px solid @sapUiTileBorderColor;
25
+ border: solid 0.0625rem @sapTile_OverlayForegroundColor;
26
+ opacity: 0.6;
27
+ box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
28
+ margin: 0 0.094rem;
27
29
  }
28
30
 
29
31
  .sapMSTBulleted > span.sapMSTActive {
30
- background-color: @sapUiContentContrastIconColor;
32
+ background: @sapTile_OverlayForegroundColor;
33
+ box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
31
34
  }
32
35
 
33
36
  .sapMST .sapMSTIconDisplayArea {
34
- background-color: darken(@sapUiHighlight, 18);
37
+ background-color: @sapButton_Background;
38
+ border: 0.0625rem solid @sapButton_BorderColor;
39
+ }
40
+
41
+ .sapMST .sapMSTIconNestedArea .sapUiIcon{
42
+ color: @sapButton_IconColor !important;
35
43
  }
36
44
 
37
45
  .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
38
- background-color: @sapUiHighlight;
46
+ background-color: @sapButton_Active_Background;
39
47
  }
40
48
 
41
49
  .sapMST .sapMGT {
42
50
  border: none;
43
51
  }
44
52
 
53
+ .sapMST:hover {
54
+ box-shadow: none;
55
+ .sapMSTFocusDiv{
56
+ outline: 0.1875rem solid;
57
+ }
58
+ }
59
+
45
60
  .sapMST .sapMGT:active .sapMGTFocusDiv {
46
61
  border: none;
62
+ }
63
+
64
+ html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
65
+ border-color: @sapButton_Active_BorderColor;
66
+ background-color: @sapButton_Active_Background;
67
+ }
68
+
69
+ html.sap-desktop .sapMST.sapMSTIconPressed{
70
+ .sapMSTIconNestedArea{
71
+ .sapUiIcon{
72
+ color: @sapButton_Active_TextColor !important;
73
+ }
74
+ }
75
+ }
76
+
77
+ .sapMSTWrapper>.sapMGT{
78
+ &:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
79
+ border: none !important;
80
+ }
81
+ }
82
+
83
+ .sapMST .sapMSTIconNestedArea {
84
+ .sapUiIcon {
85
+ top: 0.1rem;
86
+ right: 0.04rem
87
+ }
88
+ }
89
+
90
+ .sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
91
+ .sapUiIcon {
92
+ top: 0.05rem;
93
+ left: 0.1rem;
94
+ }
47
95
  }
@@ -15,6 +15,15 @@
15
15
  content: none;
16
16
  transform: none;
17
17
  }
18
+ height: .25rem;
19
+ border: 0.0625rem solid @sapSlider_Selected_BorderColor;
20
+ top: -.125rem;
21
+ margin: 0 -1px;
22
+ }
23
+
24
+ .sapMSliderProgressWithTickmarks {
25
+ box-sizing: border-box;
26
+ top: -.0625rem;
18
27
  }
19
28
 
20
29
  .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
@@ -103,11 +112,14 @@
103
112
  }
104
113
 
105
114
  .sapMSliderTickmarks {
106
- top: 0.675rem;
115
+ display: flex;
116
+ align-items: center;
117
+ z-index: 1;
107
118
  }
108
119
 
109
120
  .sapMSliderTick {
110
- margin: 0.375rem 0 0 -0.0625rem;
121
+ margin: 0;
122
+ height: .5rem;
111
123
  }
112
124
 
113
125
  .sapMSliderLabels {
@@ -151,6 +163,12 @@
151
163
  top: 21px;
152
164
  }
153
165
 
166
+ .sapMSliderInner {
167
+ z-index: 2;
168
+ box-sizing: border-box;
169
+ height: .25rem;
170
+ }
171
+
154
172
  /* pressed */
155
173
  .sapMSliderPressed:not(.sapMSliderInnerDisabled) > .sapMSliderHandle,
156
174
  .sapMSlider .sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
@@ -159,6 +177,12 @@
159
177
  }
160
178
 
161
179
  .sapUiSizeCompact {
180
+
181
+ .sapMSliderTick {
182
+ height: 0.5rem;
183
+ margin: 0;
184
+ }
185
+
162
186
  .sapMSlider::after {
163
187
  top: 14px;
164
188
  right: 6px;
@@ -194,4 +218,8 @@
194
218
  right: 0.1875rem;
195
219
  }
196
220
  }
221
+ }
222
+
223
+ .sapMSliderTick[data-ui5-active-tickmark="true"] {
224
+ border-left: 0.0625rem solid @sapSlider_Selected_BorderColor;
197
225
  }
@@ -12,4 +12,5 @@
12
12
 
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
+ padding-right: 5px;
15
16
  }
@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
16
16
 
17
17
  .sapMTB-Transparent-CTX.sapMTB,
18
18
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
- padding: 0 0.5rem;
19
+ padding: 0 0.5rem 0 0.75rem;
20
20
  }
21
21
 
22
22
  /* Transparent Toolbar Context */
@@ -76,8 +76,7 @@ html.sap-desktop .sapMTB-Info-CTX.sapMTBActive:focus {
76
76
  }
77
77
 
78
78
  html.sap-desktop .sapMTBActive:focus {
79
- outline: none;
80
- box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiContentFocusColor;
79
+ outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
81
80
  }
82
81
 
83
82
  .sapMTB .sapMTBSeparator {
@@ -3,13 +3,14 @@
3
3
  /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_tnt_ToolHeader_Height: 2.75rem;
6
+ @_sap_tnt_ToolHeader_Height: 3.5rem;
7
7
  @_sap_tnt_ToolHeader_IconHeight: 0.75rem;
8
8
  @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
9
9
  @_sap_tnt_ToolHeader_ArrowHeight: 0.125rem;
10
10
  @_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
11
11
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
12
12
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
13
+ @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
13
14
 
14
15
  .sapTntToolHeader {
15
16
  &.sapMTB {
@@ -54,7 +55,10 @@
54
55
  .sapMBtn:focus .sapMBtnDefault.sapMFocusable,
55
56
  .sapMBtn:focus .sapMBtnBack.sapMFocusable,
56
57
  .sapMBtn:focus .sapMBtnUp.sapMFocusable {
57
- outline-color: @_sap_tnt_ToolHeader_BorderColor;
58
+ &::before {
59
+ outline-color: @_sap_tnt_ToolHeader_BorderColor;
60
+ border-color: @_sap_tnt_ToolHeader_BorderColor !important;
61
+ }
58
62
  }
59
63
 
60
64
  .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
@@ -180,7 +184,7 @@ html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus > .sapMBtnEmph
180
184
  // sap.m.MenuButton overriding
181
185
  // ==========================================================================
182
186
 
183
- .sapTntToolHeader {
187
+ .sapTntToolHeader.sapMIBar {
184
188
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
185
189
  color: @sapUiShellInteractiveTextColor;
186
190
  }
@@ -223,68 +227,6 @@ html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus > .sapMBtnEmph
223
227
  }
224
228
  }
225
229
 
226
- // ==========================================================================
227
- // sap.ui.core.Icon overriding
228
- // ==========================================================================
229
-
230
- .sapTntToolHeader {
231
- .sapUiIcon:not(.sapMITBInlineIcon) {
232
- color: @sapUiShellTextColor;
233
- outline-color: transparent;
234
-
235
- &.sapUiIconPointer:focus {
236
- outline-color: @sapUiContentContrastFocusColor;
237
- }
238
- }
239
-
240
- // no backgrounds
241
- .sapUiIcon:not(.sapMITBInlineIcon) {
242
- &.sapUiIconColorCritical {
243
- color: lighten(saturate(spin(@sapUiCriticalText, 8), 4), 21);
244
- }
245
-
246
- &.sapUiIconColorNegative {
247
- color: lighten(@sapUiNegativeText, 40);
248
- }
249
-
250
- &.sapUiIconColorPositive {
251
- color: lighten(desaturate(spin(@sapUiPositiveText, 335), 28), 50);
252
- }
253
-
254
- &.sapUiIconColorNeutral {
255
- color: lighten(saturate(spin(@sapUiNeutralText, 350), 4), 41);
256
- }
257
- }
258
-
259
- // backgrounds
260
- .sapUiIcon:not(.sapMITBInlineIcon) {
261
- &.sapUiIconBGColorContrast {
262
- color: @sapUiShellTextColor;
263
- background: transparent;
264
- }
265
-
266
- &.sapUiIconBGColorCritical {
267
- color: @sapUiBaseText;
268
- background: lighten(saturate(spin(@sapUiCriticalElement, 8), 4), 21);
269
- }
270
-
271
- &.sapUiIconBGColorNegative {
272
- color: @sapUiBaseText;
273
- background: lighten(@sapUiNegativeElement, 40);
274
- }
275
-
276
- &.sapUiIconBGColorNeutral {
277
- color: @sapUiBaseText;
278
- background: lighten(saturate(spin(@sapUiNeutralElement, 350), 4), 41);
279
- }
280
-
281
- &.sapUiIconBGColorPositive {
282
- color: @sapUiBaseText;
283
- background: lighten(desaturate(spin(@sapUiPositiveElement, 335), 28), 50);
284
- }
285
- }
286
- }
287
-
288
230
  // ==========================================================================
289
231
  // sap.m.Select overriding
290
232
  // ==========================================================================
@@ -441,15 +383,11 @@ html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
441
383
  // ==========================================================================
442
384
 
443
385
  .sapTntToolHeader {
444
- .sapMITH {
445
- height: 2.75rem;
446
- background-color: transparent;
386
+ .sapMITH .sapMITBText {
387
+ color: @sapUiShellInteractiveTextColor;
388
+ text-shadow: none;
447
389
  }
448
390
 
449
- .sapMITH .sapMITBText {
450
- color: @sapUiShellInteractiveTextColor;
451
- text-shadow: none;
452
- }
453
391
  .sapMITH .sapMITBDisabled {
454
392
  opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
455
393
  }
@@ -513,116 +451,6 @@ html.sap-desktop .sapTntToolHeader {
513
451
  }
514
452
  }
515
453
 
516
- // ==========================================================================
517
- // sap.m.ObjectStatus overriding
518
- // ==========================================================================
519
-
520
- .sapTntToolHeader {
521
- .sapMObjStatus {
522
- .sapMObjStatusText,
523
- .sapMObjStatusIcon {
524
- text-shadow: none;
525
- }
526
- }
527
-
528
- .sapMObjStatus.sapMObjStatusError {
529
- .sapMObjStatusText,
530
- .sapMObjStatusIcon .sapUiIcon {
531
- color: lighten(@sapUiNegativeText, 40);
532
- }
533
- }
534
-
535
- .sapMObjStatus.sapMObjStatusInformation {
536
- .sapMObjStatusText,
537
- .sapMObjStatusIcon .sapUiIcon {
538
- color: lighten(desaturate(spin(@sapUiInformativeElement, 357), 6), 34);
539
- }
540
- }
541
-
542
- .sapMObjStatus.sapMObjStatusNone {
543
- .sapMObjStatusText,
544
- .sapMObjStatusIcon .sapUiIcon {
545
- color: lighten(saturate(spin(@sapUiNeutralText, 350), 4), 41);
546
- }
547
- }
548
-
549
- .sapMObjStatus.sapMObjStatusSuccess {
550
- .sapMObjStatusText,
551
- .sapMObjStatusIcon .sapUiIcon {
552
- color: lighten(desaturate(spin(@sapUiPositiveText, 335), 28), 50);
553
- }
554
- }
555
-
556
- .sapMObjStatus.sapMObjStatusWarning {
557
- .sapMObjStatusText,
558
- .sapMObjStatusIcon .sapUiIcon {
559
- color: lighten(saturate(spin(@sapUiCriticalText, 8), 4), 21);
560
- }
561
- }
562
-
563
- //Inverted
564
-
565
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusError {
566
- .sapMObjStatusText,
567
- .sapMObjStatusIcon,
568
- .sapMObjStatusIcon .sapUiIcon {
569
- background-color: lighten(@sapUiNegativeElement, 40);
570
- }
571
- }
572
-
573
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusInformation {
574
- .sapMObjStatusText,
575
- .sapMObjStatusIcon,
576
- .sapMObjStatusIcon .sapUiIcon {
577
- background-color: lighten(desaturate(spin(@sapUiInformativeElement, 357), 6), 34);
578
- }
579
- }
580
-
581
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusNone {
582
- .sapMObjStatusText,
583
- .sapMObjStatusIcon,
584
- .sapMObjStatusIcon .sapUiIcon {
585
- background-color: lighten(saturate(spin(@sapUiNeutralElement, 350), 4), 41);
586
- }
587
- }
588
-
589
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusSuccess {
590
- .sapMObjStatusText,
591
- .sapMObjStatusIcon,
592
- .sapMObjStatusIcon .sapUiIcon {
593
- background-color: lighten(desaturate(spin(@sapUiPositiveElement, 335), 28), 50);
594
- }
595
- }
596
-
597
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusWarning {
598
- .sapMObjStatusText,
599
- .sapMObjStatusIcon,
600
- .sapMObjStatusIcon .sapUiIcon {
601
- background-color: lighten(saturate(spin(@sapUiCriticalElement, 8), 4), 21);
602
- }
603
- }
604
-
605
- .sapMObjStatus.sapMObjStatusInverted {
606
- .sapMObjStatusIcon .sapUiIcon {
607
- height: @_sap_tnt_ToolHeader_IconHeight;
608
- vertical-align: text-top;
609
- }
610
- .sapMObjStatusText,
611
- .sapMObjStatusIcon .sapUiIcon{
612
-
613
- color: @sapUiBaseText;
614
- }
615
- }
616
-
617
- .sapMObjStatus .sapMObjStatusTitle {
618
- color: @sapUiShellActiveTextColor;
619
- }
620
- }
621
-
622
- html.sap-desktop .sapTntToolHeader .sapMObjStatusActive:focus .sapMObjStatusLink::after {
623
- outline-color: @_sap_tnt_ToolHeader_BorderColor;
624
- }
625
-
626
454
  // ==========================================================================
627
455
  // sap.m.Avatar / sap.f.Avatar overriding
628
456
  // ==========================================================================
@@ -3,5 +3,6 @@
3
3
  /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
7
- @_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
6
+ @_sap_tnt_ToolPage_AsideWidthOnTablet: 3.5rem;
7
+ @_sap_tnt_ToolPage_HeaderHeight: 3.5rem;
8
+ @_sap_tnt_ToolPage_HeaderShadow: @sapUiContentShadow0;
@@ -3,13 +3,14 @@
3
3
  /* Evening Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_tnt_ToolHeader_Height: 2.75rem;
6
+ @_sap_tnt_ToolHeader_Height: 3.5rem;
7
7
  @_sap_tnt_ToolHeader_IconHeight: 0.75rem;
8
8
  @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
9
9
  @_sap_tnt_ToolHeader_ArrowHeight: 0.125rem;
10
10
  @_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
11
11
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
12
12
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
13
+ @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
13
14
 
14
15
  .sapTntToolHeader {
15
16
  &.sapMTB {
@@ -54,7 +55,10 @@
54
55
  .sapMBtn:focus .sapMBtnDefault.sapMFocusable,
55
56
  .sapMBtn:focus .sapMBtnBack.sapMFocusable,
56
57
  .sapMBtn:focus .sapMBtnUp.sapMFocusable {
57
- outline-color: @_sap_tnt_ToolHeader_BorderColor;
58
+ &::before {
59
+ outline-color: @_sap_tnt_ToolHeader_BorderColor;
60
+ border-color: @_sap_tnt_ToolHeader_BorderColor !important;
61
+ }
58
62
  }
59
63
 
60
64
  .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
@@ -180,7 +184,7 @@ html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus > .sapMBtnEmph
180
184
  // sap.m.MenuButton overriding
181
185
  // ==========================================================================
182
186
 
183
- .sapTntToolHeader {
187
+ .sapTntToolHeader.sapMIBar {
184
188
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
185
189
  color: @sapUiShellInteractiveTextColor;
186
190
  }
@@ -223,68 +227,6 @@ html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus > .sapMBtnEmph
223
227
  }
224
228
  }
225
229
 
226
- // ==========================================================================
227
- // sap.ui.core.Icon overriding
228
- // ==========================================================================
229
-
230
- .sapTntToolHeader {
231
- .sapUiIcon:not(.sapMITBInlineIcon) {
232
- color: @sapUiShellTextColor;
233
- outline-color: transparent;
234
-
235
- &.sapUiIconPointer:focus {
236
- outline-color: @sapUiContentContrastFocusColor;
237
- }
238
- }
239
-
240
- // no backgrounds
241
- .sapUiIcon:not(.sapMITBInlineIcon) {
242
- &.sapUiIconColorCritical {
243
- color: lighten(saturate(spin(@sapUiCriticalText, 8), 4), 21);
244
- }
245
-
246
- &.sapUiIconColorNegative {
247
- color: lighten(@sapUiNegativeText, 40);
248
- }
249
-
250
- &.sapUiIconColorPositive {
251
- color: lighten(desaturate(spin(@sapUiPositiveText, 335), 28), 50);
252
- }
253
-
254
- &.sapUiIconColorNeutral {
255
- color: lighten(saturate(spin(@sapUiNeutralText, 350), 4), 41);
256
- }
257
- }
258
-
259
- // backgrounds
260
- .sapUiIcon:not(.sapMITBInlineIcon) {
261
- &.sapUiIconBGColorContrast {
262
- color: @sapUiShellTextColor;
263
- background: transparent;
264
- }
265
-
266
- &.sapUiIconBGColorCritical {
267
- color: @sapUiBaseText;
268
- background: lighten(saturate(spin(@sapUiCriticalElement, 8), 4), 21);
269
- }
270
-
271
- &.sapUiIconBGColorNegative {
272
- color: @sapUiBaseText;
273
- background: lighten(@sapUiNegativeElement, 40);
274
- }
275
-
276
- &.sapUiIconBGColorNeutral {
277
- color: @sapUiBaseText;
278
- background: lighten(saturate(spin(@sapUiNeutralElement, 350), 4), 41);
279
- }
280
-
281
- &.sapUiIconBGColorPositive {
282
- color: @sapUiBaseText;
283
- background: lighten(desaturate(spin(@sapUiPositiveElement, 335), 28), 50);
284
- }
285
- }
286
- }
287
-
288
230
  // ==========================================================================
289
231
  // sap.m.Select overriding
290
232
  // ==========================================================================
@@ -441,15 +383,11 @@ html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
441
383
  // ==========================================================================
442
384
 
443
385
  .sapTntToolHeader {
444
- .sapMITH {
445
- height: 2.75rem;
446
- background-color: transparent;
386
+ .sapMITH .sapMITBText {
387
+ color: @sapUiShellInteractiveTextColor;
388
+ text-shadow: none;
447
389
  }
448
390
 
449
- .sapMITH .sapMITBText {
450
- color: @sapUiShellInteractiveTextColor;
451
- text-shadow: none;
452
- }
453
391
  .sapMITH .sapMITBDisabled {
454
392
  opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
455
393
  }
@@ -487,6 +425,7 @@ html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
487
425
 
488
426
  .sapMITBHead .sapMITBFilter .sapMITBText + .sapMITBContentArrow {
489
427
  height: 0.875rem;
428
+ margin: 0 -0.1875rem;
490
429
  }
491
430
  }
492
431
 
@@ -512,116 +451,6 @@ html.sap-desktop .sapTntToolHeader {
512
451
  }
513
452
  }
514
453
 
515
- // ==========================================================================
516
- // sap.m.ObjectStatus overriding
517
- // ==========================================================================
518
-
519
- .sapTntToolHeader {
520
- .sapMObjStatus {
521
- .sapMObjStatusText,
522
- .sapMObjStatusIcon {
523
- text-shadow: none;
524
- }
525
- }
526
-
527
- .sapMObjStatus.sapMObjStatusError {
528
- .sapMObjStatusText,
529
- .sapMObjStatusIcon .sapUiIcon {
530
- color: lighten(@sapUiNegativeText, 40);
531
- }
532
- }
533
-
534
- .sapMObjStatus.sapMObjStatusInformation {
535
- .sapMObjStatusText,
536
- .sapMObjStatusIcon .sapUiIcon {
537
- color: lighten(desaturate(spin(@sapUiInformativeElement, 357), 6), 34);
538
- }
539
- }
540
-
541
- .sapMObjStatus.sapMObjStatusNone {
542
- .sapMObjStatusText,
543
- .sapMObjStatusIcon .sapUiIcon {
544
- color: lighten(saturate(spin(@sapUiNeutralText, 350), 4), 41);
545
- }
546
- }
547
-
548
- .sapMObjStatus.sapMObjStatusSuccess {
549
- .sapMObjStatusText,
550
- .sapMObjStatusIcon .sapUiIcon {
551
- color: lighten(desaturate(spin(@sapUiPositiveText, 335), 28), 50);
552
- }
553
- }
554
-
555
- .sapMObjStatus.sapMObjStatusWarning {
556
- .sapMObjStatusText,
557
- .sapMObjStatusIcon .sapUiIcon {
558
- color: lighten(saturate(spin(@sapUiCriticalText, 8), 4), 21);
559
- }
560
- }
561
-
562
- //Inverted
563
-
564
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusError {
565
- .sapMObjStatusText,
566
- .sapMObjStatusIcon,
567
- .sapMObjStatusIcon .sapUiIcon {
568
- background-color: lighten(@sapUiNegativeElement, 40);
569
- }
570
- }
571
-
572
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusInformation {
573
- .sapMObjStatusText,
574
- .sapMObjStatusIcon,
575
- .sapMObjStatusIcon .sapUiIcon {
576
- background-color: lighten(desaturate(spin(@sapUiInformativeElement, 357), 6), 34);
577
- }
578
- }
579
-
580
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusNone {
581
- .sapMObjStatusText,
582
- .sapMObjStatusIcon,
583
- .sapMObjStatusIcon .sapUiIcon {
584
- background-color: lighten(saturate(spin(@sapUiNeutralElement, 350), 4), 41);
585
- }
586
- }
587
-
588
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusSuccess {
589
- .sapMObjStatusText,
590
- .sapMObjStatusIcon,
591
- .sapMObjStatusIcon .sapUiIcon {
592
- background-color: lighten(desaturate(spin(@sapUiPositiveElement, 335), 28), 50);
593
- }
594
- }
595
-
596
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusWarning {
597
- .sapMObjStatusText,
598
- .sapMObjStatusIcon,
599
- .sapMObjStatusIcon .sapUiIcon {
600
- background-color: lighten(saturate(spin(@sapUiCriticalElement, 8), 4), 21);
601
- }
602
- }
603
-
604
- .sapMObjStatus.sapMObjStatusInverted {
605
- .sapMObjStatusIcon .sapUiIcon {
606
- height: @_sap_tnt_ToolHeader_IconHeight;
607
- vertical-align: text-top;
608
- }
609
- .sapMObjStatusText,
610
- .sapMObjStatusIcon .sapUiIcon{
611
-
612
- color: @sapUiBaseText;
613
- }
614
- }
615
-
616
- .sapMObjStatus .sapMObjStatusTitle {
617
- color: @sapUiShellActiveTextColor;
618
- }
619
- }
620
-
621
- html.sap-desktop .sapTntToolHeader .sapMObjStatusActive:focus .sapMObjStatusLink::after {
622
- outline-color: @_sap_tnt_ToolHeader_BorderColor;
623
- }
624
-
625
454
  // ==========================================================================
626
455
  // sap.m.Avatar / sap.f.Avatar overriding
627
456
  // ==========================================================================
@@ -3,5 +3,6 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ================================= */
5
5
 
6
- @_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
7
- @_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
6
+ @_sap_tnt_ToolPage_AsideWidthOnTablet: 3.5rem;
7
+ @_sap_tnt_ToolPage_HeaderHeight: 3.5rem;
8
+ @_sap_tnt_ToolPage_HeaderShadow: @sapUiContentShadow0;
@@ -3,8 +3,9 @@
3
3
  /* Horizon HCB theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_tnt_ToolHeader_Height: 2.75rem;
6
+ @_sap_tnt_ToolHeader_Height: 3.5rem;
7
7
  @_sap_tnt_ToolHeader_IconHeight: 0.75rem;
8
8
  @_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
9
9
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
10
- @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
10
+ @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
11
+ @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
@@ -3,5 +3,6 @@
3
3
  /* Horizon HCB theme */
4
4
  /* ================================= */
5
5
 
6
- @_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
7
- @_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
6
+ @_sap_tnt_ToolPage_AsideWidthOnTablet: 3.5rem;
7
+ @_sap_tnt_ToolPage_HeaderHeight: 3.5rem;
8
+ @_sap_tnt_ToolPage_HeaderShadow: @sapUiContentHeaderShadow;