@openui5/themelib_sap_horizon 1.127.0 → 1.128.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 (124) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +20 -16
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +59 -54
  5. package/src/sap/m/themes/sap_horizon/Carousel.less +11 -11
  6. package/src/sap/m/themes/sap_horizon/Dialog.less +0 -10
  7. package/src/sap/m/themes/sap_horizon/GenericTile.less +2 -3
  8. package/src/sap/m/themes/sap_horizon/NewsContent.less +0 -4
  9. package/src/sap/m/themes/sap_horizon/Popover.less +0 -29
  10. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +1 -0
  11. package/src/sap/m/themes/sap_horizon/SlideTile.less +0 -5
  12. package/src/sap/m/themes/sap_horizon/Token.less +5 -0
  13. package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
  14. package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +20 -16
  15. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  16. package/src/sap/m/themes/sap_horizon_dark/Button.less +59 -54
  17. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +11 -11
  18. package/src/sap/m/themes/sap_horizon_dark/Dialog.less +0 -10
  19. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +2 -3
  20. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +0 -4
  21. package/src/sap/m/themes/sap_horizon_dark/Popover.less +0 -29
  22. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +1 -0
  23. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +0 -5
  24. package/src/sap/m/themes/sap_horizon_dark/Token.less +5 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +2 -2
  26. package/src/sap/m/themes/sap_horizon_hcb/ActionListItem.less +2 -2
  27. package/src/sap/m/themes/sap_horizon_hcb/ActionTile.less +15 -12
  28. package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +6 -7
  29. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  30. package/src/sap/m/themes/sap_horizon_hcb/Button.less +45 -39
  31. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +10 -10
  32. package/src/sap/m/themes/sap_horizon_hcb/Dialog.less +0 -10
  33. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -5
  34. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +0 -5
  35. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +0 -22
  36. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarGrid.less +1 -0
  37. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +0 -1
  38. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +0 -4
  39. package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less +2 -2
  40. package/src/sap/m/themes/sap_horizon_hcw/ActionTile.less +15 -12
  41. package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +7 -8
  42. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  43. package/src/sap/m/themes/sap_horizon_hcw/Button.less +45 -39
  44. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +10 -10
  45. package/src/sap/m/themes/sap_horizon_hcw/Dialog.less +0 -10
  46. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -5
  47. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +0 -5
  48. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +0 -22
  49. package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less +1 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +0 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +0 -4
  52. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  53. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  54. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  55. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  56. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +10 -29
  57. package/src/sap/ui/dt/themes/sap_horizon/Overlay.less +14 -8
  58. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +10 -32
  59. package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less +13 -8
  60. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +10 -28
  61. package/src/sap/ui/dt/themes/sap_horizon_hcb/Overlay.less +29 -7
  62. package/src/sap/ui/dt/themes/sap_horizon_hcb/library.source.less +2 -2
  63. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +10 -28
  64. package/src/sap/ui/dt/themes/sap_horizon_hcw/Overlay.less +29 -5
  65. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +6 -0
  66. package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -1
  67. package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -0
  68. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +6 -0
  69. package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -1
  70. package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
  71. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +6 -0
  72. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +1 -1
  73. package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less +2 -1
  74. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +6 -0
  75. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +1 -1
  76. package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less +2 -1
  77. package/src/sap/ui/rta/themes/sap_horizon/AddIFrame.less +8 -9
  78. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +5 -4
  79. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +1 -4
  80. package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +34 -7
  81. package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +23 -12
  82. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +65 -22
  83. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  84. package/src/sap/ui/rta/themes/sap_horizon/library.source.less +4 -4
  85. package/src/sap/ui/rta/themes/sap_horizon_dark/AddIFrame.less +8 -20
  86. package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less +3 -3
  87. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +5 -4
  88. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -5
  89. package/src/sap/ui/rta/themes/sap_horizon_dark/FieldRepository.less +33 -7
  90. package/src/sap/ui/rta/themes/sap_horizon_dark/Overlay.less +23 -9
  91. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +66 -36
  92. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
  93. package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +4 -4
  94. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +3 -2
  95. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +23 -7
  96. package/src/sap/ui/rta/themes/sap_horizon_hcb/Dialogs.less +12 -6
  97. package/src/sap/ui/rta/themes/sap_horizon_hcb/FieldRepository.less +7 -22
  98. package/src/sap/ui/rta/themes/sap_horizon_hcb/Overlay.less +23 -65
  99. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +36 -14
  100. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.base.less +3 -7
  101. package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +3 -4
  102. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +4 -3
  103. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +19 -7
  104. package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less +6 -6
  105. package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less +23 -65
  106. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +42 -15
  107. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less +3 -6
  108. package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +4 -5
  109. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -1
  110. package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +0 -4
  111. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -1
  112. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +0 -4
  113. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less +0 -4
  114. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less +0 -4
  115. package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less +0 -8
  116. package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less +0 -8
  117. package/src/sap/m/themes/sap_horizon_hcb/NewsContent.less +0 -9
  118. package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less +0 -8
  119. package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less +0 -8
  120. package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less +0 -8
  121. package/src/sap/m/themes/sap_horizon_hcw/NewsContent.less +0 -9
  122. package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less +0 -8
  123. package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less +0 -77
  124. package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less +0 -77
@@ -1,9 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the DT Contextmenu - Horizon High Contrast Black theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
5
- @_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
6
- @_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
4
+ @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
5
+ @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiSelected; //#0f5c93
7
6
 
8
7
  .sapUiDtContextMenu {
9
8
  .sapUiMnuLst {
@@ -14,43 +13,26 @@
14
13
  }
15
14
 
16
15
  &:focus {
17
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
16
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
18
17
  }
19
18
 
20
19
  &.sapUiMnuItmSubMnuOpen {
21
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
22
- border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
23
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
20
+ border-bottom: 0.0625rem solid transparent !important; //remove border
21
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
24
22
 
25
- &.sapUiMnuItmHov {
26
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
23
+ &:not(.sapUiMnuItmHov) {
24
+ background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
27
25
  }
28
26
  }
29
27
  }
30
28
  }
31
29
  }
32
30
 
33
- .sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
31
+ .sapUiDtContextMiniMenu {
34
32
  .sapUiMnuLst {
35
33
  .sapUiMnuItm {
36
-
37
- &.sapUiMnuItmHov {
38
- .sapUiIcon {
39
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
40
- }
41
- }
42
-
43
- &.sapUiMnuItmSubMnuOpen {
44
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
45
-
46
- .sapUiIcon {
47
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
48
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
49
- }
50
- }
51
-
52
- &:focus {
53
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
34
+ .sapUiIcon {
35
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
54
36
  }
55
37
  }
56
38
  }
@@ -1,20 +1,21 @@
1
1
  /******************************************************************
2
2
  Style of the DT Overlays - Horizon High Contrast Black theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(255, 255, 255, 0.8)
5
- @_sap_ui_dt_Overlay_TargetZoneColor: @sapUiContentHelpColor; //#03b803
6
- @_sap_ui_dt_Overlay_SelectionColor: @sapUiNeutralElement; //#ffffff
7
- @_sap_ui_dt_Overlay_CuttedColor: @sapUiFieldReadOnlyBackground; //#585858
8
- @_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d
4
+ @_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSuccessBorder; //#9c9
5
+ @_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
6
+ @_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiFieldPlaceholderTextColor; //#999
7
+ @_sap_ui_dt_Overlay_CuttedBorderColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
8
+ @_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiWarningBorder; // #ffab1d
9
9
  @_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
10
+ @_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSuccessBorder, 30%); //rgba(153, 204, 153, 0.3)
10
11
 
11
12
  .sapUiDtOverlayFocusable {
12
13
  &:focus {
13
14
  &:before {
14
15
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
15
- outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
16
+ outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
16
17
  border: none;
17
- outline-offset: -0.125rem;
18
+ outline-offset: -0.25rem; //4px
18
19
  }
19
20
  }
20
21
  }
@@ -25,6 +26,12 @@
25
26
  &:after {
26
27
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
27
28
  }
29
+ &.sapUiDtOverlayHover {
30
+ &:after {
31
+ border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
32
+ outline-offset: -0.25rem; //4px
33
+ }
34
+ }
28
35
  }
29
36
 
30
37
  .sapUiDtOverlayTargetZone {
@@ -39,4 +46,19 @@
39
46
  &:after {
40
47
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
41
48
  }
49
+ }
50
+
51
+ .sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
52
+ &:after {
53
+ box-shadow: none;
54
+ }
55
+ }
56
+
57
+ .sapUiDtOverlayHover {
58
+ &:after {
59
+ box-shadow: none;
60
+ outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
61
+ outline-offset: -0.125rem; //2px
62
+ border-radius: @_sap_ui_dt_Overlay_BorderRadius;
63
+ }
42
64
  }
@@ -8,5 +8,5 @@
8
8
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
9
9
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
10
10
 
11
- @import "Overlay.less";
12
- @import "ContextMenu.less";
11
+ @import "ContextMenu.less";
12
+ @import "Overlay.less";
@@ -1,52 +1,34 @@
1
1
  /*********************************************************************
2
2
  Style of the DT Contextmenu - Horizon High Contrast White theme
3
3
  **********************************************************************/
4
- @_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
5
- @_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
6
- @_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
4
+ @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // .375rem
5
+ @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiButtonSelectedBackground; //#5c93ff
7
6
 
8
7
  .sapUiDtContextMenu {
9
8
  .sapUiMnuLst {
10
9
  .sapUiMnuItm {
11
10
 
12
11
  &:focus {
13
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
12
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
14
13
  }
15
14
 
16
15
  &.sapUiMnuItmSubMnuOpen {
17
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
18
- border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
19
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
16
+ border-bottom: 0.0625rem solid transparent !important; //1px
17
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
20
18
 
21
- &.sapUiMnuItmHov {
22
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
19
+ &:not(.sapUiMnuItmHov) {
20
+ background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
23
21
  }
24
22
  }
25
23
  }
26
24
  }
27
25
  }
28
26
 
29
- .sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
27
+ .sapUiDtContextMiniMenu {
30
28
  .sapUiMnuLst {
31
29
  .sapUiMnuItm {
32
-
33
- &.sapUiMnuItmHov {
34
- .sapUiIcon {
35
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
36
- }
37
- }
38
-
39
- &.sapUiMnuItmSubMnuOpen {
40
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
41
-
42
- .sapUiIcon {
43
- background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
44
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
45
- }
46
- }
47
-
48
- &:focus {
49
- border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
30
+ .sapUiIcon {
31
+ border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
50
32
  }
51
33
  }
52
34
  }
@@ -1,18 +1,21 @@
1
1
  /******************************************************************
2
2
  Style of the DT Overlays - Horizon High Contrast White theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(0, 0, 0, 0.8)
5
- @_sap_ui_dt_Overlay_CuttedColor: @sapUiFieldReadOnlyBackground; //#b3b3b3
6
- @_sap_ui_dt_Overlay_HighlightColor: @sapUiListHighlightColor; // #ec8b46
4
+ @_sap_ui_dt_Overlay_FocusBorderColor: @sapUiContentFocusColor; //#000
5
+ @_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiContentPlaceholderloadingBackground; // #888
6
+ @_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiListHighlightColor; // #ec8b46
7
7
  @_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
8
+ @_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
9
+ @_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
10
+ @_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSelected, 25%); //#004adc
8
11
 
9
12
  .sapUiDtOverlayFocusable {
10
13
  &:focus {
11
14
  &:before {
12
15
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
13
- outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
14
16
  border: none;
15
- outline-offset: -0.125rem;
17
+ outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor; //2px
18
+ outline-offset: -0.25rem; //4px
16
19
  }
17
20
  }
18
21
  }
@@ -23,6 +26,12 @@
23
26
  &:after {
24
27
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
25
28
  }
29
+ &.sapUiDtOverlayHover {
30
+ &:after {
31
+ border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
32
+ outline-offset: -0.25rem; //4px
33
+ }
34
+ }
26
35
  }
27
36
 
28
37
  .sapUiDtOverlayTargetZone {
@@ -37,4 +46,19 @@
37
46
  &:after {
38
47
  border-radius: @_sap_ui_dt_Overlay_BorderRadius;
39
48
  }
49
+ }
50
+
51
+ .sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
52
+ &:after {
53
+ box-shadow: none;
54
+ }
55
+ }
56
+
57
+ .sapUiDtOverlayHover {
58
+ &:after {
59
+ box-shadow: none;
60
+ outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
61
+ outline-offset: -0.125rem; //2px
62
+ border-radius: @_sap_ui_dt_Overlay_BorderRadius;
63
+ }
40
64
  }
@@ -0,0 +1,6 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Horizon theme */
4
+ /* =================================== */
5
+
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -4,7 +4,7 @@
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
7
- @_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
7
+ @_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
8
8
  @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
9
9
 
10
10
  .sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {
@@ -13,3 +13,4 @@
13
13
  @import "TokenDisplay.less";
14
14
  @import "TokenizerDisplay.less";
15
15
  @import "FieldBase.less";
16
+ @import "Chart.less";
@@ -0,0 +1,6 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Evening Horizon theme */
4
+ /* =================================== */
5
+
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -4,7 +4,7 @@
4
4
  /* ================================= */
5
5
 
6
6
  @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
7
- @_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
7
+ @_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
8
8
  @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
9
9
 
10
10
  .sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {
@@ -12,4 +12,5 @@
12
12
  @import "ValueHelpDialog.less";
13
13
  @import "TokenDisplay.less";
14
14
  @import "TokenizerDisplay.less";
15
- @import "FieldBase.less";
15
+ @import "FieldBase.less";
16
+ @import "Chart.less";
@@ -0,0 +1,6 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -4,5 +4,5 @@
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
7
- @_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
7
+ @_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
8
8
  @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
@@ -10,4 +10,5 @@
10
10
  @import "ValueHelpDialog.less";
11
11
  @import "TokenDisplay.less";
12
12
  @import "TokenizerDisplay.less";
13
- @import "Table.less";
13
+ @import "Table.less";
14
+ @import "Chart.less";
@@ -0,0 +1,6 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Horizon High Contrast White theme */
4
+ /* =================================== */
5
+
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -4,5 +4,5 @@
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
7
- @_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
7
+ @_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
8
8
  @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
@@ -10,4 +10,5 @@
10
10
  @import "ValueHelpDialog.less";
11
11
  @import "TokenDisplay.less";
12
12
  @import "TokenizerDisplay.less";
13
- @import "Table.less";
13
+ @import "Table.less";
14
+ @import "Chart.less";
@@ -1,9 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Add IFrame Dialog - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiToolbarSeparatorColor; //#d9d9d9
5
- @_sap_ui_rta_AddIFrame_BorderRadius: @sapUiGroupBorderCornerRadius; //0.5rem
6
- @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiButtonHoverBackground; //fff
4
+ @_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
5
+ @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#eaecee
7
6
 
8
7
  .sapUiRtaMode {
9
8
  .sapUiRtaAddIFrameDialog {
@@ -19,8 +18,6 @@
19
18
  .sapUiRtaAddIFrameDialogEditUrl {
20
19
  .sapMTextArea {
21
20
  .sapMInputBaseContentWrapper {
22
- border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
23
- border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
24
21
  background-image: none;
25
22
  }
26
23
 
@@ -43,9 +40,12 @@
43
40
  padding-left: 0;
44
41
  padding-right: 0.125rem;
45
42
 
46
- &.sapMTB:hover,
47
- &.sapMTB-Solid-CTX.sapMTB:hover {
48
- background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
43
+ .sapUiRtaAddIFrameDialogPreviewButton {
44
+ &:not(.sapMBtnDisabled):hover {
45
+ .sapMBtnInner {
46
+ background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
47
+ }
48
+ }
49
49
  }
50
50
  }
51
51
  }
@@ -53,7 +53,6 @@
53
53
 
54
54
  .sapUiRtaAddIFrameDialogPreviewGrid {
55
55
  border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
56
- padding-bottom: 0.5rem;
57
56
  }
58
57
  }
59
58
  }
@@ -1,15 +1,16 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiButtonEmphasizedBorderColor; // #0070f2
5
- @_sap_ui_rta_ContextMenu_Border_Radius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
6
7
 
7
8
  .sapUiRtaMode {
8
9
  .sapUiDtContextMenu {
9
10
  &.sapMMenu {
10
- border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_DarkColor; //2px
11
+ border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
11
12
  border-image: none;
12
- border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
13
+ border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
13
14
  }
14
15
  }
15
16
  }
@@ -2,12 +2,10 @@
2
2
  Style of the RTA Dialogs - Horizon Theme
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderRadius: @sapUiElementBorderCornerRadius; //0.75rem
6
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
7
6
 
8
7
  .sapMDialog.sapUiRTABorder {
9
8
  border-image: none;
10
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
11
9
  outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
12
10
  outline-offset: -0.188rem;
13
11
  }
@@ -17,7 +15,6 @@
17
15
  &.sapMPopover, .sapMPopover {
18
16
  border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
19
17
  border-image: none;
20
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
21
18
  }
22
19
 
23
20
  &.sapMPopoverArr, .sapMPopoverArr {
@@ -1,19 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Add Fields Dialog - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_FieldRepository_ListSelect: @sapUiListHoverSelectionBackground; //#dcf3ff
5
- @_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#0070f2
4
+ @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor: @sapUiButtonSelectedHoverBorderColor; //#0064d9
6
5
  @_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
6
+ @_sap_ui_rta_FieldRepository_BtnHoverBorderColor: @sapUiButtonHoverBorderColor; //#bcc3ca
7
+ @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor: @sapUiButtonEmphasizedHoverTextColor; //#fff
8
+
7
9
 
8
10
  .sapUiRtaMode {
9
11
 
10
12
  .sapUIRtaFieldRepositoryDialog {
11
13
 
12
14
  .sapMLIBHoverable {
13
- &.sapMLIBSelected:hover {
14
- background: @_sap_ui_rta_FieldRepository_ListSelect;
15
- }
16
-
17
15
  &.sapMLIB.sapMLIBSelected {
18
16
  border-bottom: 0.0625rem solid transparent;
19
17
  }
@@ -25,7 +23,36 @@
25
23
 
26
24
  // Search field
27
25
  .sapMSF.sapMFocus:hover .sapMSFF {
28
- outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
26
+ outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor; //1px
27
+ }
28
+
29
+ // Sort-Button
30
+ .sapMTB:not(.sapMIBar-CTX){
31
+ .sapMBtn {
32
+ &:hover {
33
+ .sapMBtnInner {
34
+ border: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverBorderColor!important; //1px
35
+ }
36
+ }
37
+ }
38
+ }
39
+ .sapMBtn {
40
+
41
+ >.sapMBtnInner {
42
+ border: 0.0625rem solid transparent; //1px
43
+ }
44
+
45
+ &:focus {
46
+ > .sapMBtnInner{
47
+ outline: none;
48
+ }
49
+ &:not(:hover) > .sapMFocusable {
50
+ outline: none;
51
+ }
52
+ &:not(:hover) > .sapMFocusable.sapMBtnEmphasized {
53
+ border: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor; //1px
54
+ }
55
+ }
29
56
  }
30
57
  }
31
58
  }
@@ -1,20 +1,31 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Overlays - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Overlay_ShellBG: transparent;
5
- @_sap_ui_rta_Overlay_PlaceholderBG: lighten(saturate(@sapUiShellBackground, 15%), 2%); // #fafbfc
6
- @_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
7
- @_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); // rgba(0, 112, 242, 0.05)
8
- @_sap_ui_rta_Overlay_PersButtonBG: @sapUiSelected; //#0070f2
9
- @_sap_ui_rta_Overlay_PersButtonBorder: @sapUiShellBackground; // #f5f6f7
10
- @_sap_ui_rta_Overlay_PersButtonIcon: @sapUiShellBackground; // #f5f6f7
4
+ @_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiListSelectionBackgroundColor; // #ebf8ff
11
5
 
12
6
  .sapUiRta {
13
- &:not(.sapUiRtaVisualizationMode) {
14
- .sapUiRtaOverlayHover:after {
15
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
16
- border: none;
17
- background: @_sap_ui_rta_Overlay_HoverBG;
7
+ .sapUiDtOverlayDropZone {
8
+ > .sapUiDtOverlayChildren {
9
+ > .sapUiRtaOverlayPlaceholder {
10
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
11
+ // no "focus" border
12
+ &:focus {
13
+ &:before {
14
+ content: none;
15
+ }
16
+ }
17
+
18
+ // all descendants
19
+ * {
20
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
21
+ // no "focus" border
22
+ &:focus {
23
+ &:before {
24
+ content: none;
25
+ }
26
+ }
27
+ }
28
+ }
18
29
  }
19
30
  }
20
31
  }