@openui5/themelib_sap_horizon 1.114.3 → 1.114.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
  3. package/src/sap/m/themes/sap_horizon/IconTabBar.less +221 -58
  4. package/src/sap/m/themes/sap_horizon/InputBase.less +3 -0
  5. package/src/sap/m/themes/sap_horizon/Link.less +25 -19
  6. package/src/sap/m/themes/sap_horizon/Panel.less +9 -3
  7. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  8. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  9. package/src/sap/m/themes/sap_horizon/Select.less +8 -14
  10. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  11. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  12. package/src/sap/m/themes/sap_horizon/Token.less +44 -37
  13. package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -1
  14. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
  15. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +202 -36
  16. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +3 -0
  17. package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
  18. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  19. package/src/sap/m/themes/sap_horizon_dark/Panel.less +8 -3
  20. package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
  21. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  22. package/src/sap/m/themes/sap_horizon_dark/Select.less +7 -14
  23. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  24. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
  26. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +7 -0
  27. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  28. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
  29. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
  30. package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
  31. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  32. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +8 -3
  33. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
  34. package/src/sap/m/themes/sap_horizon_hcb/Select.less +20 -0
  35. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
  36. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  37. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +5 -1
  38. package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
  39. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
  40. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  41. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
  42. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
  43. package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
  44. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  45. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +8 -4
  46. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
  47. package/src/sap/m/themes/sap_horizon_hcw/Select.less +21 -0
  48. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  50. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +5 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
  52. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
  53. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  54. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
  55. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +3 -1
  56. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +53 -23
  57. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
  58. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +3 -1
  59. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +53 -23
  60. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
  61. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +4 -1
  62. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +50 -29
  63. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
  64. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +4 -1
  65. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +51 -30
  66. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  67. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
@@ -10,68 +10,75 @@
10
10
  @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
11
11
 
12
12
  .sapMToken {
13
- overflow: visible;
14
13
  padding-left: @_sap_m_Token_LeftPadding;
14
+ border-radius: 0.375rem;
15
+ color: @sapTextColor;
16
+ font-size: @sapFontSize;
15
17
  }
16
18
 
17
- .sapMTokenSelected:not(:focus),
19
+ .sapMTokenSelected,
18
20
  .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
19
21
  background: @sapUiButtonSelectedBackground;
20
22
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
21
- border-radius: @sapUiButtonBorderCornerRadius;
23
+ border-radius: 0.375rem;
24
+ font-family: @sapFontSemiboldDuplexFamily;
25
+ }
26
+
27
+ .sapMToken.sapMTokenSelected::before {
28
+ content: '';
29
+ position: absolute;
30
+ pointer-events: none;
31
+ z-index: 2;
32
+ bottom: 0;
33
+ left: 0;
34
+ right: 0;
35
+ height: 2px;
36
+ background-color: @sapUiButtonSelectedBorderColor;
22
37
  }
23
38
 
24
39
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
25
- background: @sapUiButtonTokenBackground;
26
- border: 1px solid @sapUiButtonTokenBorderColor;
27
- border-radius: @sapUiButtonBorderCornerRadius;
28
- box-shadow: @sapUiContentInteractionShadow;
40
+ background: @sapUiButtonHoverBackground;
41
+ border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
42
+ border-radius: 0.375rem;
29
43
  }
30
44
 
31
45
  html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
32
- background: @sapUiButtonSelectedBackground;
46
+ background: @sapUiButtonSelectedHoverBackground;
33
47
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
34
- border-radius: @sapUiButtonBorderCornerRadius;
35
48
  }
36
49
 
37
- html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
38
- box-shadow: @sapUiContentInteractionShadow;
39
- }
40
-
41
- .sapMToken.sapMTokenReadOnly,
42
- .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
50
+ .sapMToken.sapMTokenReadOnly {
51
+ padding: 0.25rem 0.3125rem;
43
52
  color: @sapUiContentLabelColor;
44
- }
45
53
 
46
- html.sap-desktop .sapMToken:focus {
47
- outline: none;
54
+ .sapMTokenText {
55
+ line-height: 1rem;
56
+ }
48
57
  }
49
58
 
50
- html.sap-desktop .sapMToken:focus::after {
51
- content: '';
52
- position: absolute;
53
- pointer-events: none;
54
- z-index: 2;
55
- border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
56
- border-radius: 0.625rem;
57
- top: -0.25rem;
58
- bottom: -0.25rem;
59
- left: -0.25rem;
60
- right: -0.25rem;
59
+ html.sap-desktop .sapMToken:focus {
60
+ outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
61
+ border-radius: 0.5rem;
62
+ outline-offset: 0.0625rem;
61
63
  }
62
64
 
63
65
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
64
66
  border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
65
67
  }
66
68
 
67
- html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
68
- html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
69
- top: -0.125rem;
70
- bottom: -0.125rem;
71
- left: -0.125rem;
72
- right: -0.125rem;
69
+ html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
70
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
71
+ outline-offset: 0;
73
72
  }
74
73
 
75
- html.sap-desktop .sapMToken.sapMTokenSelected:focus {
76
- color: @sapUiButtonSelectedTextColor;
74
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
75
+ outline-width: 1px;
76
+ }
77
+
78
+ .sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
79
+ padding: 0.125rem 0.25rem;
80
+
81
+ .sapMTokenText {
82
+ line-height: 0.875rem;
83
+ }
77
84
  }
@@ -31,9 +31,16 @@ html.sap-desktop .sapMTokenizer:focus {
31
31
  color: @sapUiContentLabelColor;
32
32
  }
33
33
 
34
+ .sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
35
+ padding: 0.25rem 0.3125rem;
36
+ }
37
+
34
38
  .sapUiSizeCompact {
35
39
  .sapMTokenizer {
36
40
  padding-left: 0.25rem;
41
+ &.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
42
+ padding: 0.125rem 0.25rem;
43
+ }
37
44
  .sapMToken {
38
45
  margin-right: 0.25rem;
39
46
  }
@@ -82,4 +89,4 @@ html.sap-desktop .sapMTokenizer:focus {
82
89
  .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
83
90
  .sapMTokenizer .sapMTokenizerIndicator {
84
91
  color: @sapLinkColor;
85
- }
92
+ }
@@ -21,9 +21,19 @@
21
21
  font-size: inherit;
22
22
  }
23
23
 
24
- .sapFAvatarFocusable:focus {
25
- outline: none;
24
+ .sapFAvatarFocusable.sapMAvatarPressed {
26
25
  box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
26
+
27
+ &:hover {
28
+ box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
29
+ }
30
+ }
31
+
32
+ .sapFAvatarFocusable:focus {
33
+ outline-offset: .125rem;
34
+ &.sapFAvatarSquare {
35
+ outline-offset: .125rem;
36
+ }
27
37
  }
28
38
 
29
39
  .sapFAvatarColorTileIcon {
@@ -9,10 +9,9 @@
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_Focus_Offset: -0.3125rem;
15
- @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
14
+ @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
16
15
 
17
16
 
18
17
  // ==================== Cozy size ====================
@@ -62,6 +61,8 @@
62
61
  // Separator
63
62
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
63
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
64
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
65
66
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
67
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
68
 
@@ -142,15 +143,17 @@
142
143
  @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
143
144
  @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
144
145
  @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
145
- @_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
146
+ @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
146
147
  @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
147
148
 
148
149
  // =========== Overflow ===========
150
+ @_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
151
+ @_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
149
152
  @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
150
153
  @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
151
- @_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
152
- @_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
153
- @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
154
+ @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
155
+ @_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
156
+ @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
154
157
 
155
158
  @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
156
159
  @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -202,6 +205,19 @@
202
205
  background: @sapContent_Selected_ForegroundColor;
203
206
  }
204
207
  }
208
+
209
+ .sapMITBFilterExpandBtnSeparator {
210
+ border-right: 0.0625rem solid;
211
+ margin-left: 0.625rem;
212
+ border-color: @_sap_m_IconTabBar_TextColor;
213
+ height: 1rem;
214
+ margin-top: 0.875rem;
215
+ }
216
+
217
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
218
+ border-radius: 0.25rem;
219
+ }
220
+
205
221
  //More Button
206
222
  .sapMITHStartOverflow,
207
223
  .sapMITHEndOverflow {
@@ -216,15 +232,24 @@
216
232
  }
217
233
  }
218
234
 
235
+ .sapMITHEndOverflow:hover,
236
+ .sapMITHStartOverflow:hover {
237
+ .sapMITBItem {
238
+ background: @sapButton_Background;
239
+ border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
240
+ }
241
+ }
242
+
219
243
  .sapMITHEndOverflow,
220
244
  .sapMITHStartOverflow {
221
245
  .sapMITHShowSubItemsIcon {
222
246
  padding-left: 0.375rem;
223
247
  }
224
248
  }
249
+
225
250
  //Arrow button
226
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
227
- color: @_sap_m_IconTabBar_TextHoverColor !important;
251
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
252
+ color: @sapButton_TextColor;
228
253
  }
229
254
  }
230
255
 
@@ -324,50 +349,113 @@
324
349
 
325
350
  /* Tab Filter Item */
326
351
 
327
- .sapMITBTextOnly {
328
-
329
- .sapMITBFilterDefault:hover .sapMITBText {
330
- color: @_sap_m_IconTabBar_TextHoverColor;
352
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
353
+ .sapMBtn {
354
+ margin-bottom: 0.9375rem;
331
355
  }
356
+ }
332
357
 
333
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
334
- color: @_sap_m_IconTabBar_SelectedTextColor;
358
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
359
+ .sapMBtn {
360
+ margin-bottom: 1.875rem;
335
361
  }
362
+ }
336
363
 
337
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
338
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
364
+ .sapMITBNoText.sapMITH {
365
+ .sapMBtn {
366
+ margin-bottom: 0.9375rem;
339
367
  }
368
+ }
340
369
 
341
- .sapMITBFilterNeutral .sapMITBText {
342
- color: @sapUiNeutralText;
370
+ .sapMITBNoContentPadding .sapMITBTextOnly {
371
+ .sapMITBFilterExpandBtnSeparator {
372
+ margin-top: 1.125rem;
343
373
  }
344
-
345
- .sapMITBFilterNeutral:hover .sapMITBText {
346
- color: darken(@sapUiNeutralText, 10);
374
+ .sapMBtn {
375
+ margin-top: 0.25rem;
347
376
  }
377
+ }
348
378
 
349
- .sapMITBFilterPositive .sapMITBText {
350
- color: @sapUiPositiveText;
351
- }
379
+ .sapMITBTextOnly {
352
380
 
353
- .sapMITBFilterPositive:hover .sapMITBText {
354
- color: darken(@sapUiPositiveText, 10);
381
+ .sapMITBFilterDefault.sapMITBSelected {
382
+ .sapMITBText {
383
+ color: @sapContent_Selected_ForegroundColor;
384
+ }
385
+ .sapMITBFilterExpandBtnSeparator {
386
+ border-color: @sapContent_Selected_ForegroundColor;
387
+ }
388
+ .sapMBtnIcon {
389
+ color: @_sap_m_IconTabBar_SelectedTextColor;
390
+ }
355
391
  }
356
392
 
357
- .sapMITBFilterNegative .sapMITBText {
358
- color: @sapUiNegativeText;
393
+ .sapMITBFilterNeutral {
394
+ .sapMITBText {
395
+ color: @sapUiNeutralText;
396
+ }
397
+ .sapMITBFilterWrapper:hover .sapMITBText {
398
+ color: @sapUiNeutralText;
399
+ }
400
+ .sapMITBFilterExpandBtn:hover{
401
+ .sapMBtnIcon {
402
+ color: @sapUiNeutralText;
403
+ }
404
+ }
405
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
406
+ border-color: @sapUiNeutralText;
407
+ }
359
408
  }
360
409
 
361
- .sapMITBFilterNegative:hover .sapMITBText {
362
- color: darken(@sapUiNegativeText, 10);
410
+ .sapMITBFilterPositive {
411
+ .sapMITBText {
412
+ color: @sapUiPositiveText;
413
+ }
414
+ .sapMITBFilterWrapper:hover .sapMITBText {
415
+ color: @sapUiPositiveText;
416
+ }
417
+ .sapMITBFilterExpandBtn:hover{
418
+ .sapMBtnIcon {
419
+ color: @sapUiPositiveText !important;
420
+ }
421
+ }
422
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
423
+ border-color: @sapUiPositiveText;
424
+ }
363
425
  }
364
426
 
365
- .sapMITBFilterCritical .sapMITBText {
366
- color: @sapUiCriticalText;
427
+ .sapMITBFilterNegative {
428
+ .sapMITBText {
429
+ color: @sapUiNegativeText;
430
+ }
431
+ .sapMITBFilterWrapper:hover .sapMITBText {
432
+ color: @sapUiNegativeText;
433
+ }
434
+ .sapMITBFilterExpandBtn:hover{
435
+ .sapMBtnIcon {
436
+ color: @sapUiNegativeText;
437
+ }
438
+ }
439
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
440
+ border-color: @sapUiNegativeText;
441
+ }
367
442
  }
368
443
 
369
- .sapMITBFilterCritical:hover .sapMITBText {
370
- color: darken(@sapUiCriticalText, 10);
444
+ .sapMITBFilterCritical {
445
+ .sapMITBText {
446
+ color: @sapUiCriticalText;
447
+ }
448
+ .sapMITBFilterWrapper:hover .sapMITBText {
449
+ color: @sapUiCriticalText;
450
+ }
451
+ .sapMITBFilterExpandBtn:hover{
452
+ .sapMBtnIcon {
453
+ color: @sapUiCriticalText;
454
+ }
455
+ }
456
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
457
+ border-color: @sapUiCriticalText;
458
+ }
371
459
  }
372
460
  }
373
461
 
@@ -383,21 +471,90 @@
383
471
  .sapMITBFilterNeutral {
384
472
  color: @sapUiNeutralElement;
385
473
  border-color: @sapUiNeutralElement;
474
+
475
+ .sapMITBFilterExpandBtnSeparator {
476
+ border-color: @sapUiNeutralText;
477
+ }
478
+
479
+ .sapMBtnIcon {
480
+ color: @sapUiNeutralText !important;
481
+ }
386
482
  }
387
483
 
388
484
  .sapMITBFilterPositive {
389
485
  color: @sapUiPositiveElement;
390
486
  border-color: @sapUiPositiveElement;
487
+
488
+ .sapMITBFilterExpandBtnSeparator {
489
+ border-color: @sapUiPositiveText;
490
+ }
491
+
492
+ .sapMBtnIcon {
493
+ color: @sapUiPositiveText !important;
494
+ }
391
495
  }
392
496
 
393
- .sapMITBFilterNegative {
497
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
394
498
  color: @sapUiNegativeElement;
395
499
  border-color: @sapUiNegativeElement;
500
+
501
+ .sapMITBFilterExpandBtnSeparator {
502
+ border-color: @sapUiNegativeText;
503
+ }
504
+
505
+ .sapMBtnIcon {
506
+ color: @sapUiNegativeText !important;
507
+ }
396
508
  }
397
509
 
398
510
  .sapMITBFilterCritical {
399
511
  color: @sapUiCriticalElement;
400
512
  border-color: @sapUiCriticalElement;
513
+
514
+ .sapMITBFilterExpandBtnSeparator {
515
+ border-color: @sapUiCriticalText;
516
+ }
517
+
518
+ .sapMBtnIcon {
519
+ color: @sapUiCriticalText !important;
520
+ }
521
+ }
522
+ .sapMITH:not(.sapMITBTextOnly) {
523
+
524
+ .sapMITBFilterNeutral {
525
+ .sapMITBFilterExpandBtnSeparator {
526
+ border-color: @sapUiNeutralElement;
527
+ }
528
+ .sapMBtnIcon {
529
+ color: @sapUiNeutralElement !important;
530
+ }
531
+ }
532
+
533
+ .sapMITBFilterPositive {
534
+ .sapMITBFilterExpandBtnSeparator {
535
+ border-color: @sapUiPositiveElement;
536
+ }
537
+ .sapMBtnIcon {
538
+ color: @sapUiPositiveElement !important;
539
+ }
540
+ }
541
+
542
+ .sapMITBFilterNegative {
543
+ .sapMITBFilterExpandBtnSeparator {
544
+ border-color: @sapUiNegativeElement;
545
+ }
546
+ .sapMBtnIcon {
547
+ color: @sapUiNegativeElement !important;
548
+ }
549
+ }
550
+ .sapMITBFilterCritical {
551
+ .sapMITBFilterExpandBtnSeparator {
552
+ border-color: @sapUiCriticalElement;
553
+ }
554
+ .sapMBtnIcon {
555
+ color: @sapUiCriticalElement !important;
556
+ }
557
+ }
401
558
  }
402
559
 
403
560
  .sapMITBSelected {
@@ -573,6 +730,9 @@ html.sap-desktop {
573
730
  .sapMITHStartOverflow,
574
731
  .sapMITHEndOverflow {
575
732
  .sapMITBItem {
733
+ &:active{
734
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
735
+ }
576
736
  &:active::after {
577
737
  // when overflow is pressed, make the focus white
578
738
  border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -690,10 +850,16 @@ html.sap-desktop {
690
850
  .sapMITBFilterPopover {
691
851
 
692
852
  .sapMITBText .sapMBadgeAttention {
693
- right: -0.75rem;
853
+ right: -0.5rem;
694
854
  }
695
855
 
696
856
  .sapMITFExpandButtonBadge {
697
857
  left: 0.5rem;
698
858
  }
859
+ }
860
+
861
+ .sapMITH {
862
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
863
+ margin-left: -1px; // to hide the separator on hover over the button
864
+ }
699
865
  }
@@ -115,6 +115,9 @@
115
115
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
116
116
  height: 1.25rem;
117
117
  }
118
+ .sapMInputBase {
119
+ line-height: 1.25rem;
120
+ }
118
121
  }
119
122
 
120
123
  /* List specific styles */
@@ -7,7 +7,6 @@
7
7
  opacity: @sapUiContentDisabledOpacity;
8
8
  outline: none;
9
9
  cursor: default;
10
- text-decoration: none;
11
10
  }
12
11
 
13
12
  .sapMLnkEmphasized {
@@ -22,20 +21,39 @@
22
21
  .sapMLnk.sapMLnkSubtle {
23
22
  color: @sapUiLinkSubtleColor;
24
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
25
30
  }
26
31
 
27
- .sapMLnkSubtle:focus {
28
- color: @sapUiContentFocusColor;
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ border-radius: 0.125rem;
35
+ background-color: @sapUiContentFocusColor;
36
+ color: @sapUiContentContrastTextColor;
37
+ text-shadow: none;
38
+ outline: none;
39
+
40
+ &:hover:not(:active) {
41
+ text-decoration: none;
42
+ }
43
+ }
44
+
45
+ &.sapMLnkSubtle {
46
+ &:hover:not(:active):not(:focus) {
47
+ color: @sapUiLinkSubtleColor;
48
+ text-decoration: none;
49
+ }
50
+ }
29
51
  }
30
52
 
31
53
  .sapMLnk:not(.sapMLnkDsbl) {
32
54
  text-shadow: @sapUiContentTextShadow;
33
55
  }
34
56
 
35
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
36
- text-decoration: none;
37
- }
38
-
39
57
  /* align Link in Form with Label */
40
58
  .sapUiFormEdit .sapMLnk {
41
59
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -44,16 +62,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
44
62
 
45
63
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
46
64
  text-shadow: @sapUiContentTextShadow;
47
- }
48
-
49
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
50
- border-radius: 0.125rem;
51
- background-color: @sapUiContentFocusColor;
52
- color: @sapUiContentContrastTextColor;
53
- text-shadow: none;
54
- outline: none;
55
- }
56
-
57
- html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
58
- text-decoration: none;
59
65
  }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Evening Horizon theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMPanel {
7
- min-height: 2.5rem;
7
+ min-height: 2.75rem;
8
8
  border-radius: @sapElement_BorderCornerRadius;
9
9
 
10
10
  .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
@@ -75,8 +75,13 @@
75
75
  width: 2.25rem;
76
76
  }
77
77
 
78
- .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
79
- width: 2rem;
78
+ .sapUiSizeCompact {
79
+ .sapMPanel {
80
+ min-height: 2.5rem;
81
+ }
82
+ .sapMPanelWrappingDiv .sapUiIcon {
83
+ width: 2rem;
84
+ }
80
85
  }
81
86
 
82
87
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
@@ -141,4 +141,17 @@
141
141
  border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
142
142
  border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
143
143
  }
144
+ }
145
+
146
+ .sapMPopoverResizeHandle {
147
+ border: none;
148
+ color: @sapButton_Lite_TextColor;
149
+ width: 1rem;
150
+ font-size: 1rem;
151
+ line-height: 1rem;
152
+ content: "\e24f";
153
+ height: 1rem;
154
+ top: 0;
155
+ right: 0.125rem;
156
+ padding: 0 0.125rem 0rem 0rem;
144
157
  }
@@ -9,18 +9,13 @@
9
9
  @_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;
10
10
 
11
11
  .sapMRangeSlider.sapMSlider .sapMSliderInner {
12
- &:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
12
+ &:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
13
+ .sapMSliderHandle:hover {
13
14
  border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
14
15
  background: @sapUiSliderRangeHandleBackground;
15
16
  box-shadow: @sapUiContentSelectedShadow;
16
17
  }
17
18
 
18
- &:not(.sapMSliderInnerDisabled) .sapMSliderHandle:hover {
19
- background-color: @sapUiSliderRangeHandleBackground;
20
- border-color: @sapUiSliderHoverHandleBorderColor;
21
- box-shadow: @sapUiContentSelectedShadow;
22
- }
23
-
24
19
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
25
20
  &:not(:focus) {
26
21
  background: transparent;