@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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.114.3",
3
+ "version": "1.114.5",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.114.3",
18
- "@openui5/sap.m": "1.114.3",
19
- "@openui5/sap.tnt": "1.114.3",
20
- "@openui5/sap.ui.codeeditor": "1.114.3",
21
- "@openui5/sap.ui.commons": "1.114.3",
22
- "@openui5/sap.ui.core": "1.114.3",
23
- "@openui5/sap.ui.dt": "1.114.3",
24
- "@openui5/sap.ui.fl": "1.114.3",
25
- "@openui5/sap.ui.mdc": "1.114.3",
26
- "@openui5/sap.ui.integration": "1.114.3",
27
- "@openui5/sap.ui.layout": "1.114.3",
28
- "@openui5/sap.ui.rta": "1.114.3",
29
- "@openui5/sap.ui.suite": "1.114.3",
30
- "@openui5/sap.ui.table": "1.114.3",
31
- "@openui5/sap.ui.unified": "1.114.3",
32
- "@openui5/sap.ui.ux3": "1.114.3",
33
- "@openui5/sap.uxap": "1.114.3"
17
+ "@openui5/sap.f": "1.114.5",
18
+ "@openui5/sap.m": "1.114.5",
19
+ "@openui5/sap.tnt": "1.114.5",
20
+ "@openui5/sap.ui.codeeditor": "1.114.5",
21
+ "@openui5/sap.ui.commons": "1.114.5",
22
+ "@openui5/sap.ui.core": "1.114.5",
23
+ "@openui5/sap.ui.dt": "1.114.5",
24
+ "@openui5/sap.ui.fl": "1.114.5",
25
+ "@openui5/sap.ui.mdc": "1.114.5",
26
+ "@openui5/sap.ui.integration": "1.114.5",
27
+ "@openui5/sap.ui.layout": "1.114.5",
28
+ "@openui5/sap.ui.rta": "1.114.5",
29
+ "@openui5/sap.ui.suite": "1.114.5",
30
+ "@openui5/sap.ui.table": "1.114.5",
31
+ "@openui5/sap.ui.unified": "1.114.5",
32
+ "@openui5/sap.ui.ux3": "1.114.5",
33
+ "@openui5/sap.uxap": "1.114.5"
34
34
  }
35
35
  }
@@ -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;
@@ -190,24 +193,38 @@
190
193
  }
191
194
  }
192
195
  .sapMITBDisabled {
193
- .sapMITHTextContent {
194
- color: @sapTextColor;
195
- font-family: @sapFontBoldFamily;
196
- font-size: @sapFontSize;
197
- }
196
+ .sapMITHTextContent {
197
+ color: @sapTextColor;
198
+ font-family: @sapFontBoldFamily;
199
+ font-size: @sapFontSize;
200
+ }
198
201
  }
199
202
 
200
- .sapMITBSelected {
201
- .sapMITBContentArrow::after {
202
- background: @sapContent_Selected_ForegroundColor;
203
- }
204
- }
203
+ .sapMITBSelected {
204
+ .sapMITBContentArrow::after {
205
+ background: @sapContent_Selected_ForegroundColor;
206
+ }
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
+
221
+
205
222
  //More Button
206
223
  .sapMITHStartOverflow,
207
224
  .sapMITHEndOverflow {
208
225
  .sapMITBItem {
209
226
  color: @sapButton_TextColor;
210
- background: @sapButton_Background;
227
+ background: @sapButton_Hover_Background;
211
228
  border: 1px solid @sapButton_BorderColor;
212
229
 
213
230
  .sapMITHShowSubItemsIcon {
@@ -216,16 +233,25 @@
216
233
  }
217
234
  }
218
235
 
219
- .sapMITHEndOverflow,
220
- .sapMITHStartOverflow {
221
- .sapMITHShowSubItemsIcon {
222
- padding-left: 0.375rem;
236
+ .sapMITHEndOverflow,
237
+ .sapMITHStartOverflow {
238
+ .sapMITBItem:hover {
239
+ background: @sapButton_Background;
240
+ border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
241
+ }
242
+ }
243
+
244
+ .sapMITHEndOverflow,
245
+ .sapMITHStartOverflow {
246
+ .sapMITHShowSubItemsIcon {
247
+ padding-left: 0.375rem;
248
+ }
249
+ }
250
+
251
+ //Arrow button
252
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
253
+ color: @sapButton_TextColor;
223
254
  }
224
- }
225
- //Arrow button
226
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
227
- color: @_sap_m_IconTabBar_TextHoverColor !important;
228
- }
229
255
  }
230
256
 
231
257
  /* Head Container - compact */
@@ -324,50 +350,113 @@
324
350
 
325
351
  /* Tab Filter Item */
326
352
 
327
- .sapMITBTextOnly {
328
-
329
- .sapMITBFilterDefault:hover .sapMITBText {
330
- color: @_sap_m_IconTabBar_TextHoverColor;
353
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
354
+ .sapMBtn {
355
+ margin-bottom: 0.9375rem;
331
356
  }
357
+ }
332
358
 
333
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
334
- color: @_sap_m_IconTabBar_SelectedTextColor;
359
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
360
+ .sapMBtn {
361
+ margin-bottom: 1.875rem;
335
362
  }
363
+ }
336
364
 
337
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
338
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
365
+ .sapMITBNoText.sapMITH {
366
+ .sapMBtn {
367
+ margin-bottom: 0.9375rem;
339
368
  }
369
+ }
340
370
 
341
- .sapMITBFilterNeutral .sapMITBText {
342
- color: @sapUiNeutralText;
371
+ .sapMITBNoContentPadding .sapMITBTextOnly {
372
+ .sapMITBFilterExpandBtnSeparator {
373
+ margin-top: 1.125rem;
343
374
  }
344
-
345
- .sapMITBFilterNeutral:hover .sapMITBText {
346
- color: darken(@sapUiNeutralText, 10);
375
+ .sapMBtn {
376
+ margin-top: 0.25rem;
347
377
  }
378
+ }
348
379
 
349
- .sapMITBFilterPositive .sapMITBText {
350
- color: @sapUiPositiveText;
351
- }
380
+ .sapMITBTextOnly {
352
381
 
353
- .sapMITBFilterPositive:hover .sapMITBText {
354
- 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;
391
+ }
355
392
  }
356
393
 
357
- .sapMITBFilterNegative .sapMITBText {
358
- 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
+ }
359
409
  }
360
410
 
361
- .sapMITBFilterNegative:hover .sapMITBText {
362
- 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
+ }
363
426
  }
364
427
 
365
- .sapMITBFilterCritical .sapMITBText {
366
- 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
+ }
367
443
  }
368
444
 
369
- .sapMITBFilterCritical:hover .sapMITBText {
370
- 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
+ }
371
460
  }
372
461
  }
373
462
 
@@ -376,28 +465,97 @@
376
465
  }
377
466
 
378
467
  .sapMITBFilterDefault {
379
- border-color: @sapUiContentSelectedForegroundColor;
468
+ border-color: @sapUiContentSelectedForegroundColor;
380
469
  color: @sapUiContentSelectedForegroundColor;
381
470
  }
382
471
 
383
472
  .sapMITBFilterNeutral {
384
473
  color: @sapUiNeutralElement;
385
474
  border-color: @sapUiNeutralElement;
475
+
476
+ .sapMITBFilterExpandBtnSeparator {
477
+ border-color: @sapUiNeutralText;
478
+ }
479
+
480
+ .sapMBtnIcon {
481
+ color: @sapUiNeutralText !important;
482
+ }
386
483
  }
387
484
 
388
485
  .sapMITBFilterPositive {
389
486
  color: @sapUiPositiveElement;
390
487
  border-color: @sapUiPositiveElement;
488
+
489
+ .sapMITBFilterExpandBtnSeparator {
490
+ border-color: @sapUiPositiveText;
491
+ }
492
+
493
+ .sapMBtnIcon {
494
+ color: @sapUiPositiveText !important;
495
+ }
391
496
  }
392
497
 
393
- .sapMITBFilterNegative {
498
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
394
499
  color: @sapUiNegativeElement;
395
500
  border-color: @sapUiNegativeElement;
501
+
502
+ .sapMITBFilterExpandBtnSeparator {
503
+ border-color: @sapUiNegativeText;
504
+ }
505
+
506
+ .sapMBtnIcon {
507
+ color: @sapUiNegativeText !important;
508
+ }
396
509
  }
397
510
 
398
511
  .sapMITBFilterCritical {
399
512
  color: @sapUiCriticalElement;
400
513
  border-color: @sapUiCriticalElement;
514
+
515
+ .sapMITBFilterExpandBtnSeparator {
516
+ border-color: @sapUiCriticalText;
517
+ }
518
+
519
+ .sapMBtnIcon {
520
+ color: @sapUiCriticalText !important;
521
+ }
522
+ }
523
+ .sapMITH:not(.sapMITBTextOnly) {
524
+
525
+ .sapMITBFilterNeutral {
526
+ .sapMITBFilterExpandBtnSeparator {
527
+ border-color: @sapUiNeutralElement;
528
+ }
529
+ .sapMBtnIcon {
530
+ color: @sapUiNeutralElement !important;
531
+ }
532
+ }
533
+
534
+ .sapMITBFilterPositive {
535
+ .sapMITBFilterExpandBtnSeparator {
536
+ border-color: @sapUiPositiveElement;
537
+ }
538
+ .sapMBtnIcon {
539
+ color: @sapUiPositiveElement !important;
540
+ }
541
+ }
542
+
543
+ .sapMITBFilterNegative {
544
+ .sapMITBFilterExpandBtnSeparator {
545
+ border-color: @sapUiNegativeElement;
546
+ }
547
+ .sapMBtnIcon {
548
+ color: @sapUiNegativeElement !important;
549
+ }
550
+ }
551
+ .sapMITBFilterCritical {
552
+ .sapMITBFilterExpandBtnSeparator {
553
+ border-color: @sapUiCriticalElement;
554
+ }
555
+ .sapMBtnIcon {
556
+ color: @sapUiCriticalElement !important;
557
+ }
558
+ }
401
559
  }
402
560
 
403
561
  .sapMITBSelected {
@@ -573,6 +731,9 @@ html.sap-desktop {
573
731
  .sapMITHStartOverflow,
574
732
  .sapMITHEndOverflow {
575
733
  .sapMITBItem {
734
+ &:active{
735
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
736
+ }
576
737
  &:active::after {
577
738
  // when overflow is pressed, make the focus white
578
739
  border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -689,11 +850,13 @@ html.sap-desktop {
689
850
  .sapMITH,
690
851
  .sapMITBFilterPopover {
691
852
 
692
- .sapMITBText .sapMBadgeAttention {
693
- right: -0.75rem;
694
- }
695
-
696
853
  .sapMITFExpandButtonBadge {
697
854
  left: 0.5rem;
698
855
  }
856
+ }
857
+
858
+ .sapMITH {
859
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
860
+ margin-left: -1px; // to hide the separator on hover over the button
861
+ }
699
862
  }
@@ -114,6 +114,9 @@
114
114
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
115
115
  height: 1.25rem;
116
116
  }
117
+ .sapMInputBase {
118
+ line-height: 1.25rem;
119
+ }
117
120
  }
118
121
 
119
122
  /* 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
  }
@@ -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,9 +75,15 @@
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
  }
86
+
81
87
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
82
88
  & .sapMPanelHeaderTB {
83
89
  border-top-left-radius: 0;
@@ -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;
@@ -57,12 +57,9 @@
57
57
  height: @sapUiElementCompactHeight;
58
58
  }
59
59
 
60
- .sapMSlt > .sapMSltLabel {
61
- line-height: calc(@sapUiElementHeight - 0.125rem);
62
- }
63
-
64
- .sapMSltArrow {
65
- line-height: 2rem;
60
+ .sapMSlt > .sapMSltArrow {
61
+ line-height: 2.25rem;
62
+ background-color: transparent !important;
66
63
  }
67
64
 
68
65
  .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -130,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
130
127
  }
131
128
 
132
129
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
133
- line-height: 1.375rem;
130
+ line-height: 1.625rem;
134
131
  }
135
132
 
136
133
  .sapMSltMinWidth {
@@ -165,17 +162,14 @@ div.sapMSltPicker .sapMSltPickerValueState {
165
162
  }
166
163
 
167
164
  .sapMSltArrow {
168
- width: 2rem;
169
- height: 2rem;
170
- margin-top: 2px;
171
- margin-right: 2px;
165
+ width: 2.25rem;
166
+ height: 2.25rem;
172
167
  }
173
168
 
174
169
  .sapUiSizeCompact .sapMSltArrow {
175
170
  width: 2rem;
176
- margin-top: 2px;
177
- height: 1.375rem;
178
- margin-right: 2px;
171
+ height: 1.625rem;
172
+
179
173
  }
180
174
 
181
175
  .sapMSltPressed >.sapMSltArrow,
@@ -43,7 +43,8 @@
43
43
  }
44
44
  }
45
45
 
46
- .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
46
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
47
+ .sapMSliderHandle:hover {
47
48
  &:not(:focus) {
48
49
  border-color: @sapUiSliderHoverHandleBorderColor;
49
50
  background: @sapUiSliderHoverHandleBackground;
@@ -27,6 +27,10 @@
27
27
  line-height: 1.5;
28
28
  }
29
29
 
30
+ .sapMTextAreaMirror {
31
+ line-height: 1.5;
32
+ }
33
+
30
34
  .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
31
35
  border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
32
36
  }