@openui5/themelib_sap_horizon 1.103.0 → 1.105.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 (83) hide show
  1. package/.reuse/dep5 +18 -1
  2. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
  3. package/THIRDPARTY.txt +36 -3
  4. package/package.json +18 -18
  5. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +1 -1
  6. package/src/sap/m/themes/sap_horizon/Button.less +4 -6
  7. package/src/sap/m/themes/sap_horizon/GenericTile.less +118 -10
  8. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +17 -1
  9. package/src/sap/m/themes/sap_horizon/NewsContent.less +16 -2
  10. package/src/sap/m/themes/sap_horizon/Popover.less +4 -0
  11. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +7 -0
  12. package/src/sap/m/themes/sap_horizon/RangeSlider.less +22 -0
  13. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +30 -0
  14. package/src/sap/m/themes/sap_horizon/SlideTile.less +53 -18
  15. package/src/sap/m/themes/sap_horizon/Slider.less +2 -2
  16. package/src/sap/m/themes/sap_horizon/TileContent.less +5 -2
  17. package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
  18. package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -6
  19. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +147 -9
  20. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +16 -0
  21. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +32 -2
  22. package/src/sap/m/themes/sap_horizon_dark/Popover.less +4 -0
  23. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +7 -0
  24. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +30 -0
  25. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +54 -15
  26. package/src/sap/m/themes/sap_horizon_dark/TileContent.less +5 -2
  27. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +116 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +16 -8
  30. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +4 -0
  31. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +7 -0
  32. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +33 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +52 -5
  34. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +116 -1
  36. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +16 -8
  37. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  38. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +4 -0
  39. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
  40. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +33 -0
  41. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
  42. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  44. package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
  45. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  46. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  49. package/src/sap/ui/core/themes/sap_horizon/global.less +2 -2
  50. package/src/sap/ui/core/themes/sap_horizon/shared.less +50 -49
  51. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  52. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  53. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  55. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  56. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  57. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +2 -2
  58. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +50 -49
  59. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -2
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +55 -49
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  70. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  71. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  72. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  73. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -2
  74. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +55 -49
  75. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
  76. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +2 -0
  77. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +3 -0
  78. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +3 -0
  79. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  80. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
  81. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
  82. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -1
  83. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -1
@@ -40,6 +40,15 @@
40
40
  box-shadow: 0px 0px 1px 0px white inset;
41
41
  }
42
42
 
43
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
44
+ .sapMBtnInner{
45
+ border-color: @sapButton_BorderColor;
46
+ }
47
+ .sapMBtnIcon {
48
+ color: @sapButton_TextColor;
49
+ }
50
+ }
51
+
43
52
  /************************ LINE MODE FLOATING VIEW *****************/
44
53
 
45
54
  .sapUiMedia-GenericTileDeviceSet-large {
@@ -150,9 +159,116 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
150
159
  box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
151
160
  }
152
161
 
162
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
163
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
164
+ box-shadow: none;
165
+ border-color: transparent !important;
166
+ .sapMGTFocusDiv{
167
+ outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
168
+ }
169
+ }
170
+
153
171
  .TwoByOne.sapMGTActionMode {
154
172
  border-radius: 1.25rem;
155
173
  .sapMGTFocusDiv {
156
174
  border-radius: 1.25rem !important;
157
175
  }
176
+ }
177
+
178
+ html.sap-desktop .sapMGT.sapMGTLineMode:hover{
179
+ box-shadow: none !important;
180
+ border: none !important;
181
+ .sapMGTFocusDiv {
182
+ border: 0.1875rem solid @sapTile_Interactive_BorderColor;
183
+ inset: -2px;
184
+ }
185
+ }
186
+
187
+ .sapMGT.sapMGTLineMode:active{
188
+ background-color: @sapTile_Active_Background;
189
+ outline: 2px solid @sapContent_FocusColor !important;
190
+ outline-offset: -0.125rem;
191
+ border: none !important;
192
+ .sapMGTFocusDiv{
193
+ border: none !important;
194
+ box-shadow: none !important;
195
+ }
196
+ }
197
+
198
+
199
+
200
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
201
+ line-height: 2.125rem !important;
202
+ border: none;
203
+ }
204
+ .sapUiSizeCompact{
205
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
206
+ line-height: 1.5rem !important;
207
+ }
208
+ }
209
+
210
+ .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
211
+ .sapMBtnBase.sapMGTMoreIcon{
212
+ .sapMBtnIcon{
213
+ border: 0.01rem solid;
214
+ border-radius: 0.5rem;
215
+ line-height: 1.7;
216
+ }
217
+ }
218
+ }
219
+
220
+ .sapUiSizeCompact{
221
+ .sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
222
+ .sapMBtnBase.sapMGTMoreIcon{
223
+ .sapMBtnIcon{
224
+ padding-left: 0.5rem;
225
+ padding-right: 0.5rem;
226
+ line-height: 1.5rem;
227
+ left: 0.4rem;
228
+ }
229
+ }
230
+ }
231
+ }
232
+ .sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
233
+ .sapMGTMoreIcon.sapMBtnBase{
234
+ .sapMBtnIcon{
235
+ bottom: 0.5rem;
236
+ left: -1.5rem;
237
+ }
238
+ }
239
+ }
240
+
241
+ .sapUiSizeCompact{
242
+ .sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
243
+ .sapMGTMoreIcon.sapMBtnBase{
244
+ .sapMBtnIcon{
245
+ bottom: 0.4rem;
246
+ left: -1.7rem
247
+ }
248
+ }
249
+ }
250
+ }
251
+
252
+ .sapUiMedia-GenericTileDeviceSet-large{
253
+ .sapMGTLineMode.sapMGTScopeSingleAction {
254
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
255
+ padding-right: 3rem;
256
+ }
257
+ }
258
+ }
259
+
260
+ .sapUiMedia-GenericTileDeviceSet-large{
261
+ .sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
262
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
263
+ padding-right: 1rem;
264
+ }
265
+ }
266
+ }
267
+
268
+ .sapUiMedia-GenericTileDeviceSet-large{
269
+ .sapMGTLineMode.sapMGTScopeActions {
270
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
271
+ padding-right: 4.5rem;
272
+ }
273
+ }
158
274
  }
@@ -16,14 +16,6 @@
16
16
  outline: none;
17
17
  }
18
18
 
19
- .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
20
- border-left: 1px solid @sapUiHcReducedAltForeground;
21
- }
22
-
23
- .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
24
- border-top: 1px solid @sapUiHcReducedAltForeground;
25
- }
26
-
27
19
  .sapMHrdrCntrInner {
28
20
  border: 2px solid transparent;
29
21
  }
@@ -31,4 +23,20 @@
31
23
  html.sap-desktop .sapMHrdrCntrInner:focus {
32
24
  outline: none;
33
25
  border: 2px dotted @sapUiContentFocusColor;
26
+ }
27
+
28
+ .sapMHdrCntrBtnIcon{
29
+ color: @sapContent_NonInteractiveIconColor;
30
+ }
31
+
32
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
33
+ border-left: 1px solid @sapList_BorderColor;
34
+ }
35
+
36
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
37
+ border-top: 1px solid @sapList_BorderColor;
38
+ }
39
+
40
+ .sapMHdrCntrBGTransparent {
41
+ background-color: transparent;
34
42
  }
@@ -126,6 +126,10 @@
126
126
  .sapMPopover {
127
127
  border-radius: @sapUiPopoverBorderCornerRadius;
128
128
 
129
+ .sapMPopoverCont {
130
+ padding: 0.0625rem;
131
+ }
132
+
129
133
  &.sapMPopoverWithoutBar .sapMPopoverCont,
130
134
  .sapMIBar.sapMHeader-CTX {
131
135
  border-top-right-radius: @sapUiPopoverBorderCornerRadius;
@@ -203,4 +203,11 @@
203
203
  top: -1.3125rem;
204
204
  right: -0.0675rem;
205
205
  }
206
+ }
207
+
208
+ /* Compact and Condensed */
209
+ .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
210
+ .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
211
+ padding: 0.4375rem 0;
212
+ margin: 0;
206
213
  }
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
43
43
 
44
44
  .sapMRIIconSel, .sapMRIIconUnsel {
45
45
  text-shadow: @sapContent_TextShadow;
46
+ }
47
+
48
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
49
+ .sapMRINoCustomIconSize {
50
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
51
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
52
+ font-size: 1.125rem !important;
53
+ }
54
+
55
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
56
+ font-size: 1.125rem !important;
57
+ }
58
+ }
59
+
60
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
61
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
62
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
63
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
64
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
65
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
66
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
67
+ font-size: .75rem !important;
68
+ }
69
+
70
+ & .sapUiIcon,
71
+ & .sapUiIcon {
72
+ font-size: 1rem !important;
73
+ }
74
+
75
+ & .sapMRISel,
76
+ & .sapMRIUnselWrapper {
77
+ height: 100%;
78
+ }
46
79
  }
@@ -22,26 +22,73 @@ 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
+ }
45
59
  .sapMST .sapMGT:active .sapMGTFocusDiv {
46
60
  border: none;
61
+ }
62
+
63
+ html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
64
+ border-color: @sapButton_Active_BorderColor;
65
+ background-color: @sapButton_Active_Background;
66
+ }
67
+
68
+ html.sap-desktop .sapMST.sapMSTIconPressed{
69
+ .sapMSTIconNestedArea{
70
+ .sapUiIcon{
71
+ color: @sapButton_Active_TextColor !important;
72
+ }
73
+ }
74
+ }
75
+
76
+ .sapMSTWrapper>.sapMGT{
77
+ &:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
78
+ border: none !important;
79
+ }
80
+ }
81
+
82
+ .sapMST .sapMSTIconNestedArea {
83
+ .sapUiIcon {
84
+ top: 0.1rem;
85
+ right: 0.04rem
86
+ }
87
+ }
88
+
89
+ .sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
90
+ .sapUiIcon {
91
+ top: 0.05rem;
92
+ left: 0.1rem;
93
+ }
47
94
  }
@@ -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 */
@@ -20,6 +20,15 @@
20
20
  .sapMGTOverlay {
21
21
  background-color: fade(@sapUiBlockLayerBackground, 70);
22
22
  }
23
+
24
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
25
+ .sapMBtnInner{
26
+ border-color: @sapButton_BorderColor;
27
+ }
28
+ .sapMBtnIcon {
29
+ color: @sapButton_TextColor;
30
+ }
31
+ }
23
32
  /************************ LINE MODE LIST VIEW ********************/
24
33
 
25
34
  .sapMGT.sapMGTLineMode {
@@ -152,9 +161,115 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
152
161
  }
153
162
  }
154
163
 
164
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
165
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
166
+ box-shadow: none;
167
+ border-color: transparent !important;
168
+ .sapMGTFocusDiv{
169
+ outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
170
+ }
171
+ }
172
+
155
173
  .TwoByOne.sapMGTActionMode {
156
174
  border-radius: 1.25rem;
157
175
  .sapMGTFocusDiv {
158
176
  border-radius: 1.25rem !important;
159
177
  }
160
- }
178
+ }
179
+
180
+ html.sap-desktop .sapMGT.sapMGTLineMode:hover{
181
+ box-shadow: none !important;
182
+ border: none !important;
183
+ .sapMGTFocusDiv {
184
+ border: 0.1875rem solid @sapTile_Interactive_BorderColor;
185
+ inset: -2px;
186
+ }
187
+ }
188
+
189
+ .sapMGT.sapMGTLineMode:active{
190
+ background-color: @sapTile_Active_Background;
191
+ outline: 2px solid @sapContent_FocusColor !important;
192
+ outline-offset: -0.125rem;
193
+ border: none !important;
194
+ .sapMGTFocusDiv{
195
+ border: none !important;
196
+ box-shadow: none !important;
197
+ }
198
+ }
199
+
200
+
201
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
202
+ line-height: 2.125rem !important;
203
+ border: none;
204
+ }
205
+ .sapUiSizeCompact{
206
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
207
+ line-height: 1.5rem !important;
208
+ }
209
+ }
210
+
211
+ .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
212
+ .sapMBtnBase.sapMGTMoreIcon{
213
+ .sapMBtnIcon{
214
+ border: 0.01rem solid;
215
+ border-radius: 0.5rem;
216
+ line-height: 1.7;
217
+ }
218
+ }
219
+ }
220
+
221
+ .sapUiSizeCompact{
222
+ .sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
223
+ .sapMBtnBase.sapMGTMoreIcon{
224
+ .sapMBtnIcon{
225
+ padding-left: 0.5rem;
226
+ padding-right: 0.5rem;
227
+ line-height: 1.5rem;
228
+ left: 0.4rem;
229
+ }
230
+ }
231
+ }
232
+ }
233
+ .sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
234
+ .sapMGTMoreIcon.sapMBtnBase{
235
+ .sapMBtnIcon{
236
+ bottom: 0.5rem;
237
+ left: -1.5rem;
238
+ }
239
+ }
240
+ }
241
+
242
+ .sapUiSizeCompact{
243
+ .sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
244
+ .sapMGTMoreIcon.sapMBtnBase{
245
+ .sapMBtnIcon{
246
+ bottom: 0.4rem;
247
+ left: -1.7rem
248
+ }
249
+ }
250
+ }
251
+ }
252
+
253
+ .sapUiMedia-GenericTileDeviceSet-large{
254
+ .sapMGTLineMode.sapMGTScopeSingleAction {
255
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
256
+ padding-right: 3rem;
257
+ }
258
+ }
259
+ }
260
+
261
+ .sapUiMedia-GenericTileDeviceSet-large{
262
+ .sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
263
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
264
+ padding-right: 1rem;
265
+ }
266
+ }
267
+ }
268
+
269
+ .sapUiMedia-GenericTileDeviceSet-large{
270
+ .sapMGTLineMode.sapMGTScopeActions {
271
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
272
+ padding-right: 4.5rem;
273
+ }
274
+ }
275
+ }
@@ -16,14 +16,6 @@
16
16
  outline: none;
17
17
  }
18
18
 
19
- .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
20
- border-left: 1px solid @sapUiHcReducedAltForeground;
21
- }
22
-
23
- .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
24
- border-top: 1px solid @sapUiHcReducedAltForeground;
25
- }
26
-
27
19
  .sapMHrdrCntrInner {
28
20
  border: 2px solid transparent;
29
21
  }
@@ -31,4 +23,20 @@
31
23
  html.sap-desktop .sapMHrdrCntrInner:focus {
32
24
  outline: none;
33
25
  border: 2px dotted @sapUiContentFocusColor;
26
+ }
27
+
28
+ .sapMHdrCntrBtnIcon{
29
+ color: @sapContent_NonInteractiveIconColor;
30
+ }
31
+
32
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
33
+ border-left: 1px solid @sapList_BorderColor;
34
+ }
35
+
36
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
37
+ border-top: 1px solid @sapList_BorderColor;
38
+ }
39
+
40
+ .sapMHdrCntrBGTransparent {
41
+ background-color: transparent;
34
42
  }
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  .sapMMsgViewTitleText {
47
- margin: 0 01rem 2.5rem;
47
+ margin: 0 0 1rem 2.5rem;
48
48
  font-family: @sapUiFontHeaderFamily;
49
49
  font-size: @sapUiFontHeader5Size;
50
50
  font-weight: @sapUiFontHeaderWeight;
@@ -126,6 +126,10 @@
126
126
  .sapMPopover {
127
127
  border-radius: @sapUiPopoverBorderCornerRadius;
128
128
 
129
+ .sapMPopoverCont {
130
+ padding: 0.0625rem;
131
+ }
132
+
129
133
  &.sapMPopoverWithoutBar .sapMPopoverCont,
130
134
  .sapMIBar.sapMHeader-CTX {
131
135
  border-top-right-radius: @sapUiPopoverBorderCornerRadius;
@@ -203,4 +203,11 @@
203
203
  top: -1.3125rem;
204
204
  right: -0.0675rem;
205
205
  }
206
+ }
207
+
208
+ /* Compact and Condensed */
209
+ .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
210
+ .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
211
+ padding: 0.4375rem 0;
212
+ margin: 0;
206
213
  }
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
43
43
 
44
44
  .sapMRIIconSel, .sapMRIIconUnsel {
45
45
  text-shadow: @sapContent_TextShadow;
46
+ }
47
+
48
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
49
+ .sapMRINoCustomIconSize {
50
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
51
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
52
+ font-size: 1.125rem !important;
53
+ }
54
+
55
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
56
+ font-size: 1.125rem !important;
57
+ }
58
+ }
59
+
60
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
61
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
62
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
63
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
64
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
65
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
66
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
67
+ font-size: .75rem !important;
68
+ }
69
+
70
+ & .sapUiIcon,
71
+ & .sapUiIcon {
72
+ font-size: 1rem !important;
73
+ }
74
+
75
+ & .sapMRISel,
76
+ & .sapMRIUnselWrapper {
77
+ height: 100%;
78
+ }
46
79
  }
@@ -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
  }
@@ -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 */
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.103.0</version>
9
+ <version>1.105.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
2
+ // * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  // * Theming Engine 1.69.2
4
- // * data:{"sModified":"2022-04-26T06:31:06Z"}
4
+ // * data:{"sModified":"2022-05-24T07:19:31Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.39) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.40) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]