@openui5/themelib_sap_horizon 1.103.1 → 1.106.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 (98) hide show
  1. package/.reuse/dep5 +35 -15
  2. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
  3. package/THIRDPARTY.txt +64 -21
  4. package/package.json +18 -18
  5. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +7 -7
  6. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +8 -8
  7. package/src/sap/m/themes/sap_horizon/Button.less +4 -6
  8. package/src/sap/m/themes/sap_horizon/GenericTile.less +118 -10
  9. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +17 -1
  10. package/src/sap/m/themes/sap_horizon/InputBase.less +0 -6
  11. package/src/sap/m/themes/sap_horizon/NewsContent.less +16 -2
  12. package/src/sap/m/themes/sap_horizon/Popover.less +4 -0
  13. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +7 -0
  14. package/src/sap/m/themes/sap_horizon/RangeSlider.less +22 -0
  15. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +34 -0
  16. package/src/sap/m/themes/sap_horizon/SlideTile.less +53 -18
  17. package/src/sap/m/themes/sap_horizon/Slider.less +3 -3
  18. package/src/sap/m/themes/sap_horizon/TileContent.less +5 -2
  19. package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
  20. package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -6
  21. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +147 -9
  22. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +16 -0
  23. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +0 -6
  24. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +32 -2
  25. package/src/sap/m/themes/sap_horizon_dark/Popover.less +4 -0
  26. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +7 -0
  27. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +34 -0
  28. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +54 -15
  29. package/src/sap/m/themes/sap_horizon_dark/Slider.less +1 -1
  30. package/src/sap/m/themes/sap_horizon_dark/TileContent.less +5 -2
  31. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
  32. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +116 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +16 -8
  34. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +4 -0
  35. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +7 -0
  36. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +37 -0
  37. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +52 -5
  38. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +3 -3
  39. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
  40. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +116 -1
  41. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +16 -8
  42. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  43. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +4 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
  45. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +37 -0
  46. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
  47. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +3 -3
  48. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  50. package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
  51. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  52. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  55. package/src/sap/ui/core/themes/sap_horizon/global.less +2 -2
  56. package/src/sap/ui/core/themes/sap_horizon/shared.less +50 -49
  57. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  58. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  59. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  62. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +2 -2
  64. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +50 -49
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  67. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  70. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  71. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -2
  72. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +55 -49
  73. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  75. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  77. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  78. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  79. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -2
  80. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +55 -49
  81. package/src/sap/ui/integration/themes/sap_horizon/ObjectContent.less +6 -0
  82. package/src/sap/ui/integration/themes/sap_horizon/library.source.less +1 -0
  83. package/src/sap/ui/integration/themes/sap_horizon_dark/ObjectContent.less +6 -0
  84. package/src/sap/ui/integration/themes/sap_horizon_dark/library.source.less +1 -0
  85. package/src/sap/ui/mdc/themes/sap_horizon/TokenDisplay.less +5 -2
  86. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
  87. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +2 -0
  88. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +3 -0
  89. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +3 -0
  90. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  91. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
  92. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
  93. package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +1 -1
  94. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +4 -0
  95. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -1
  96. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +1 -1
  97. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +4 -0
  98. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -1
@@ -15,4 +15,20 @@
15
15
 
16
16
  .sapMHdrCntrBGTranslucent {
17
17
  background-color: @_sap_m_HeaderContainer_TranslucentBackground;
18
- }
18
+ }
19
+
20
+ .sapMHdrCntrBtnIcon{
21
+ color: @sapContent_NonInteractiveIconColor;
22
+ }
23
+
24
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
25
+ border-left: 1px solid @sapList_BorderColor;
26
+ }
27
+
28
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
29
+ border-top: 1px solid @sapList_BorderColor;
30
+ }
31
+
32
+ .sapMHdrCntrBGTransparent {
33
+ background-color: transparent;
34
+ }
@@ -109,12 +109,6 @@
109
109
  background-color: @sapField_Hover_Background;
110
110
  }
111
111
 
112
- .sapMInputBaseReadonly:not(.sapMTextArea) .sapMInputBaseInner,
113
- .sapMInputBaseReadonly.sapMInputBase:not(.sapMTextArea):not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseInner,
114
- .sapMInputBaseReadonly.sapMInputBaseNoWidth:not(.sapMTextArea) .sapMInputBaseInner {
115
- width: ~"calc(100% - 1.625rem)";
116
- }
117
-
118
112
  .sapUiSizeCondensed {
119
113
  .sapUiTableDataCell .sapMInputBase .sapMInputBaseIconContainer .sapMInputBaseIcon {
120
114
  min-width: 1.375rem;
@@ -14,12 +14,15 @@
14
14
  .sapMTileCnt.News {
15
15
  .sapMNwC {
16
16
  .sapMNwCSbh {
17
- color: @_sap_m_NewsContent_SubHeaderTextColor;
17
+ color: @sapTile_OverlayForegroundColor;
18
18
  line-height: normal;
19
+ font-size: @sapFontSize;
19
20
  }
20
21
  .sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
21
- color: @_sap_m_NewsContent_HeaderTextColor;
22
+ font-size: @sapFontSize;
22
23
  line-height: normal;
24
+ font-weight: bold;
25
+ color: @sapTile_OverlayForegroundColor;
23
26
  }
24
27
  }
25
28
  }
@@ -40,6 +43,17 @@
40
43
  }
41
44
  }
42
45
 
46
+ .sapMTileSmallPhone{
47
+ .sapMTileCnt.News{
48
+ .sapMTileCntContent{
49
+ height: 3.25rem;
50
+ .sapMFT{
51
+ font-size: 0.75rem;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
43
57
  .sapMNwC:focus {
44
58
  outline: 1px dotted @sapUiContentFocusColor;
45
59
  }
@@ -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
  }
@@ -55,6 +55,20 @@
55
55
  background-color: @sapUiContentMeasureIndicatorColor;
56
56
  }
57
57
 
58
+ .sapMRangeSlider .sapMSliderLabels {
59
+ width: 100%;
60
+ position: absolute;
61
+ top: 2.125rem;
62
+ }
63
+
64
+ .sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
65
+ top: 1rem;
66
+ }
67
+
68
+ .sapMRangeSlider .sapMSliderRangeLabel {
69
+ padding-top: 0.4375rem;
70
+ }
71
+
58
72
  .sapUiSizeCompact {
59
73
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
60
74
  &:not(:focus) {
@@ -66,6 +80,14 @@
66
80
  }
67
81
  }
68
82
 
83
+ .sapMRangeSlider .sapMSliderLabels {
84
+ margin: 0 -0.875rem;
85
+ }
86
+
87
+ .sapMRangeSlider .sapMSliderRangeLabel {
88
+ padding-top: 0.375rem;
89
+ }
90
+
69
91
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
70
92
  background: @sapUiSliderActiveRangeHandleBackground;
71
93
  border: 0.125rem solid #0070F2;
@@ -4,6 +4,10 @@
4
4
  /* ====================================== */
5
5
 
6
6
  .sapMRI {
7
+ & {
8
+ margin: 0.75rem 0;
9
+ }
10
+
7
11
  &:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
8
12
  opacity: 0.9;
9
13
  }
@@ -53,4 +57,34 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
53
57
  .sapMRI .sapUiIcon,
54
58
  .sapMRI .sapMImg {
55
59
  top: -1px;
60
+ }
61
+
62
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
63
+ .sapMRINoCustomIconSize {
64
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
65
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
66
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
67
+ font-size: 1.125rem !important;
68
+ }
69
+ }
70
+
71
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
72
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
73
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
74
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
75
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
76
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
77
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
78
+ font-size: .75rem !important;
79
+ }
80
+
81
+ & .sapUiIcon,
82
+ & .sapUiIcon {
83
+ font-size: 1rem !important;
84
+ }
85
+
86
+ & .sapMRISel,
87
+ & .sapMRIUnselWrapper {
88
+ height: 100%;
89
+ }
56
90
  }
@@ -3,9 +3,17 @@
3
3
  /* Horizon theme */
4
4
  /* ================================ */
5
5
 
6
- html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
7
- html.sap-desktop .sapMST:active .sapMSTFocusDiv {
8
- border: 1px solid @sapUiTileBackground;
6
+ html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
7
+ border: 1px solid @sapUiTileBackground
8
+ }
9
+
10
+ html.sap-desktop .sapMST:active{
11
+ background-color: @sapTile_Active_Background;
12
+ .sapMSTFocusDiv{
13
+ border: 1px solid @sapTile_Interactive_BorderColor;
14
+ border-radius: @sapTile_BorderCornerRadius;
15
+ inset: 0;
16
+ }
9
17
  }
10
18
 
11
19
  .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
@@ -30,18 +38,23 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
30
38
 
31
39
  /* Bulleted indicator of multiple tiles*/
32
40
  .sapMSTBulleted > span {
33
- background-color: @sapUiContentNonInteractiveIconColor;
34
- box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
41
+ border: solid 0.0625rem @sapTile_OverlayForegroundColor;
42
+ opacity: 0.6;
43
+ box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
44
+ margin: 0 0.094rem;
35
45
  }
36
46
 
37
47
  .sapMSTBulleted > span.sapMSTActive {
38
- background-color: @sapUiContentContrastIconColor;
39
- box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
48
+ background: @sapTile_OverlayForegroundColor;
49
+ box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
40
50
  }
41
51
 
42
52
  .sapMST {
43
- border-radius: @sapElement_BorderCornerRadius;
53
+ border-radius: @sapTile_BorderCornerRadius;
44
54
  border-color: @sapTile_BorderColor;
55
+ box-shadow: @sapContent_Shadow0;
56
+ background: @sapTile_Background;
57
+ overflow: hidden;
45
58
  }
46
59
 
47
60
  .sapMST.TwoByOne {
@@ -53,22 +66,21 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
53
66
  }
54
67
 
55
68
  .sapMST .sapMSTIconDisplayArea {
56
- background-color: darken(@sapUiBrand, 18);
69
+ background-color: @sapBlockLayer_Background;
57
70
  }
58
-
59
- .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
60
- background-color: @sapUiBrand;
71
+ .sapMST.sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea{
72
+ opacity: 0.8;
61
73
  }
62
74
 
63
75
  .sapMST .sapMSTIconNestedArea {
64
76
  text-shadow: 0px 1px @sapUiButtonEmphasizedTextShadow;
65
77
  }
66
78
 
67
- html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
68
- html.sap-desktop .sapMST:active .sapMSTFocusDiv {
69
- border: none;
70
- border-radius: @sapElement_BorderCornerRadius;
71
- box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
79
+ html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
80
+ border-radius: @sapTile_BorderCornerRadius;
81
+ box-shadow: none;
82
+ border: 2px solid @sapContent_FocusColor;
83
+ inset: 0;
72
84
  }
73
85
 
74
86
  html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after,
@@ -78,10 +90,33 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
78
90
  }
79
91
 
80
92
  html.sap-desktop .sapMST:hover {
81
- box-shadow: @sapContent_Shadow1 !important;;
93
+ box-shadow: @sapContent_Shadow2 !important;
82
94
 
83
95
  .sapMGT:hover {
84
96
  box-shadow: none !important;
97
+ opacity: 0.9;
98
+ }
99
+
100
+ }
101
+
102
+ html.sap-desktop .sapMST:active{
103
+ .sapMGT{
104
+ opacity: 0.8;
105
+ }
106
+ }
107
+
108
+ .sapMST{
109
+ .sapMGT.OneByOne,.sapMGT.TwoByOne{
110
+ .sapMTileCnt.News {
111
+ border-bottom-left-radius: 0;
112
+ border-bottom-right-radius: 0;
113
+ }
85
114
  }
115
+ }
86
116
 
117
+ .sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
118
+ .sapUiIcon {
119
+ top: 0rem;
120
+ left: 0.15rem;
121
+ }
87
122
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
27
27
  font-family: SAP-icons;
28
- content: "\e244";
28
+ content: "\e29c";
29
29
  position: absolute;
30
30
  top: 4px;
31
31
  right: 0.5rem;
@@ -102,7 +102,7 @@
102
102
  width: 0.5rem;
103
103
  height: 0.5rem;
104
104
  right: 2px;
105
- top: 20px;
105
+ top: 22px;
106
106
  }
107
107
 
108
108
  .sapMSliderTooltip {
@@ -148,7 +148,7 @@
148
148
  }
149
149
 
150
150
  .sapMSlider::after {
151
- top: 14px;
151
+ top: 12px;
152
152
  right: 6px;
153
153
  }
154
154
 
@@ -7,9 +7,12 @@
7
7
  @_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;
8
8
 
9
9
  .sapMTileCnt.News {
10
- background-color: @_sap_m_TileContent_NewsContentBackgroundColor;
10
+ background-color: @sapTile_OverlayBackground;
11
+ .sapMTileCntContent{
12
+ height: 3.625rem;
13
+ }
11
14
  }
12
15
 
13
16
  .sapMTileCnt.News .sapMTileCntFtrTxt {
14
- color: @_sap_m_TileContent_NewsFooterTextColor;
17
+ color: @sapTile_OverlayForegroundColor;
15
18
  }
@@ -20,7 +20,7 @@ html.sap-desktop .sapMTBActive:focus {
20
20
 
21
21
  .sapMTB-Transparent-CTX.sapMTB,
22
22
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
23
- padding: 0 0.5rem;
23
+ padding: 0 0.5rem 0 0.75rem;
24
24
  }
25
25
 
26
26
  /* Transparent Toolbar Context */
@@ -203,13 +203,11 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
203
203
  background-color: @sapUiButtonLiteBackground;
204
204
  }
205
205
 
206
- .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
207
- &.sapMBtnDefault,
208
- &.sapMBtnBack {
206
+ .sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
207
+ .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack {
208
+ color: @sapUiButtonLiteTextColor;
209
+ .sapUiIcon {
209
210
  color: @sapUiButtonLiteTextColor;
210
- .sapUiIcon {
211
- color: @sapUiButtonLiteTextColor;
212
- }
213
211
  }
214
212
  }
215
213
 
@@ -5,8 +5,8 @@
5
5
 
6
6
  .sapMGT.sapMGTBackgroundImage {
7
7
  .sapMGTContent {
8
- border-bottom-left-radius: @sapElement_BorderCornerRadius;
9
- border-bottom-right-radius: @sapElement_BorderCornerRadius;
8
+ border-bottom-left-radius: @sapTile_BorderCornerRadius;
9
+ border-bottom-right-radius: @sapTile_BorderCornerRadius;
10
10
  }
11
11
  }
12
12
 
@@ -14,6 +14,32 @@
14
14
  color: @sapUiContentContrastTextColor;
15
15
  }
16
16
 
17
+ .sapMGT.sapMGTScopeActions.sapMGTBackgroundImage, .sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {
18
+ .sapMGTContent {
19
+ &:before {
20
+ border-radius: @sapTile_BorderCornerRadius;
21
+ }
22
+ }
23
+ }
24
+
25
+ .sapMGT.sapMGTScopeActions:not(.sapMGTStateLoading){
26
+ .sapMTileCntContent{
27
+ &:after{
28
+ opacity: 0.4;
29
+ background-color: @sapTile_Background;
30
+
31
+ }
32
+ }
33
+ }
34
+
35
+ .sapMGT.sapMGTScopeActions.OneByHalf:not(.sapMGTStateLoading),.sapMGT.sapMGTScopeActions.TwoByHalf:not(.sapMGTStateLoading){
36
+ .sapMTileCntContent{
37
+ &:after{
38
+ top: -0.3125rem;
39
+ }
40
+ }
41
+ }
42
+
17
43
  /************************ LINE MODE LIST VIEW ********************/
18
44
 
19
45
  .sapMGT.sapMGTLineMode {
@@ -23,10 +49,18 @@
23
49
 
24
50
  .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {
25
51
  &:not(.sapMGTLineModePress):hover {
26
- background: @sapUiTileHoverBackground;
52
+ background: @sapTile_Hover_Background;
53
+ box-shadow: @sapContent_Shadow2;
27
54
  }
28
55
  }
29
56
 
57
+ html.sap-desktop .sapMGT.sapMGTLineMode:active{
58
+ background-color: @sapTile_Active_Background;
59
+ outline: 0.125rem solid @sapContent_FocusColor !important;
60
+ outline-offset: -0.125rem;
61
+ border: none;
62
+ }
63
+
30
64
  .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
31
65
  background: fade(@sapUiShellHoverBackground, 12);
32
66
  }
@@ -58,6 +92,16 @@
58
92
  }
59
93
  }
60
94
 
95
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
96
+ .sapMBtnInner, .sapMBtnActive.sapMBtnInner{
97
+ border-color: @sapButton_BorderColor;
98
+ background-color: @sapButton_Background;
99
+ }
100
+ .sapMBtnIcon {
101
+ color: @sapButton_TextColor;
102
+ }
103
+ }
104
+
61
105
  .sapMGTLineMode .sapMGTLineModeHelpContainer:not(:last-child) {
62
106
  -webkit-mask-image: linear-gradient(to right, #FFF ~"calc(100% - 1.5rem)", transparent);
63
107
 
@@ -226,6 +270,28 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
226
270
  border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
227
271
  }
228
272
 
273
+ html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
274
+ {
275
+ .sapMGTFocusDiv{
276
+ border: none;
277
+ }
278
+ }
279
+
280
+ html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
281
+ {
282
+ .sapMGTFocusDiv{
283
+ border: none;
284
+ }
285
+ }
286
+
287
+ html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
288
+ {
289
+ .sapMGTFocusDiv{
290
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
291
+ border-radius: @sapTile_BorderCornerRadius;
292
+ }
293
+ }
294
+
229
295
  html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
230
296
  html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
231
297
  &:after {
@@ -244,8 +310,18 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
244
310
  }
245
311
 
246
312
  .sapMGT {
247
- border-radius: @sapElement_BorderCornerRadius;
313
+ border-radius: @sapTile_BorderCornerRadius;
248
314
  border-color: @sapTile_BorderColor;
315
+ box-shadow: @sapContent_Shadow0;
316
+ .sapMGTContent{
317
+ border-radius: 0 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius;
318
+ }
319
+ }
320
+
321
+ .sapMGT.tileWithAppInfo {
322
+ .sapMGTContent{
323
+ border-radius: 0;
324
+ }
249
325
  }
250
326
 
251
327
  .sapUshellSection {
@@ -269,6 +345,10 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
269
345
  width: 19rem;
270
346
  }
271
347
 
348
+ .sapMTileSmallPhone .sapMTileCntContent{
349
+ height: 3.438rem;
350
+ }
351
+
272
352
  .sapMGT.TwoByHalf {
273
353
  width: 22.5rem;
274
354
  }
@@ -284,19 +364,35 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
284
364
 
285
365
  .sapMGT.sapMGTLineMode {
286
366
  border: 1px solid @sapTile_BorderColor !important;
287
- border-radius: @sapElement_BorderCornerRadius !important;
367
+ border-radius: @sapTile_BorderCornerRadius !important;
288
368
  box-shadow: @sapContent_Shadow0 !important;
289
369
  }
290
370
 
371
+ .sapMGT.sapMGTLineMode.sapMGTInfoRendered {
372
+ border: transparent !important;
373
+ .sapMGTTInfoWrapper{
374
+ border-radius: 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius 0 !important;
375
+ }
376
+ }
377
+
378
+ .sapMGT.sapMGTLineMode.sapMGTInfoRendered:focus {
379
+ .sapMGTFocusDiv{
380
+ inset: 0;
381
+ }
382
+ }
383
+
384
+ .sap-desktop .sapMGT.sapMGTLineMode.sapMGTInfoRendered:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
385
+ border: transparent !important;
386
+ }
387
+
291
388
  .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
292
389
  background: @sapTile_Hover_Background;
293
390
  border: 1px solid @sapTile_BorderColor !important;
294
- box-shadow: @sapContent_Shadow1 !important;
391
+ box-shadow: @sapContent_Shadow2 !important;
295
392
  }
296
393
 
297
394
  html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
298
- border: 1px solid @sapTile_BorderColor !important;
299
- box-shadow: @sapContent_Shadow1 !important;
395
+ box-shadow: @sapContent_Shadow2 !important;
300
396
  }
301
397
 
302
398
  html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
@@ -314,13 +410,48 @@ html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:f
314
410
  box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
315
411
  }
316
412
 
413
+ html.sap-desktop .sapMGT:active{
414
+ background-color: @sapTile_Active_Background;
415
+ border: 0.0625rem solid @sapTile_Interactive_BorderColor;
416
+ &.sapMGTIconMode{
417
+ outline: 0.0625rem solid @sapTile_Interactive_BorderColor;
418
+ border: none;
419
+ }
420
+ &.sapMGTNewsContent{
421
+ overflow: hidden;
422
+ }
423
+ .sapMGTFocusDiv{
424
+ box-shadow: none;
425
+ border: none !important;
426
+ }
427
+ }
428
+
429
+ html.sap-desktop .sapMGT:focus .sapMGTFocusDiv{
430
+ border: 0.125rem solid @sapContent_FocusColor;
431
+ border-radius: @sapTile_BorderCornerRadius;
432
+ box-shadow: none;
433
+ inset: -1px;
434
+ }
435
+
436
+ html.sap-desktop .sapMGT.sapMGTOneByOne:focus .sapMGTFocusDiv{
437
+ inset: 0;
438
+ }
439
+
440
+ .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
441
+ .sapMGTMoreIcon{
442
+ .sapMBtnIcon{
443
+ color: @sapButton_Lite_TextColor;
444
+ }
445
+ }
446
+ }
447
+
317
448
  html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv:after {
318
449
  border: none;
319
450
  border-radius: @sapElement_BorderCornerRadius;
320
451
  }
321
452
 
322
453
  .sapMGTLineMode .sapMGTFocusDiv {
323
- border-radius: 10px !important;
454
+ border-radius: 16px !important;
324
455
  top: 0;
325
456
  right: 0;
326
457
  bottom: 0;
@@ -367,4 +498,11 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
367
498
  .sapMGTFocusDiv {
368
499
  border-radius: 1.25rem !important;
369
500
  }
501
+ }
502
+
503
+ .sapMGT.OneByOne,.sapMGT.TwoByOne{
504
+ .sapMTileCnt.News {
505
+ border-bottom-left-radius: 0.87rem;
506
+ border-bottom-right-radius: 0.87rem;
507
+ }
370
508
  }
@@ -15,4 +15,20 @@
15
15
 
16
16
  .sapMHdrCntrBGTranslucent {
17
17
  background-color: @_sap_m_HeaderContainer_TranslucentBackground;
18
+ }
19
+
20
+ .sapMHdrCntrBtnIcon{
21
+ color: @sapContent_NonInteractiveIconColor;
22
+ }
23
+
24
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
25
+ border-left: 1px solid @sapList_BorderColor;
26
+ }
27
+
28
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
29
+ border-top: 1px solid @sapList_BorderColor;
30
+ }
31
+
32
+ .sapMHdrCntrBGTransparent {
33
+ background-color: transparent;
18
34
  }
@@ -110,12 +110,6 @@
110
110
  background-color: @sapField_Hover_Background;
111
111
  }
112
112
 
113
- .sapMInputBaseReadonly:not(.sapMTextArea) .sapMInputBaseInner,
114
- .sapMInputBaseReadonly.sapMInputBase:not(.sapMTextArea):not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseInner,
115
- .sapMInputBaseReadonly.sapMInputBaseNoWidth:not(.sapMTextArea) .sapMInputBaseInner {
116
- width: ~"calc(100% - 1.625rem)";
117
- }
118
-
119
113
  .sapUiSizeCondensed {
120
114
  .sapUiTableDataCell .sapMInputBase .sapMInputBaseIcon {
121
115
  min-width: 1.375rem;
@@ -14,12 +14,42 @@
14
14
  .sapMTileCnt.News {
15
15
  .sapMNwC {
16
16
  .sapMNwCSbh {
17
- color: @_sap_m_NewsContent_SubHeaderTextColor;
17
+ color: @sapTile_OverlayForegroundColor;
18
18
  line-height: normal;
19
+ font-size: @sapFontSize;
19
20
  }
20
21
  .sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
21
- color: @_sap_m_NewsContent_HeaderTextColor;
22
+ font-size: @sapFontSize;
22
23
  line-height: normal;
24
+ font-weight: bold;
25
+ color: @sapTile_OverlayForegroundColor;
26
+ }
27
+ }
28
+ }
29
+
30
+ .Stretch{
31
+ .sapMTileCnt.News .sapMNwC{
32
+ .sapMNwCCTxt .sapMText {
33
+ font-size: @sapMFontLargeSize;
34
+ color: @sapUiText;
35
+ }
36
+ .sapMNwCCTxt .sapMFT {
37
+ font-size: 0.938rem;
38
+ color: @sapUiText;
39
+ }
40
+ .sapMNwCSbh{
41
+ color: @sapUiText;
42
+ }
43
+ }
44
+ }
45
+
46
+ .sapMTileSmallPhone{
47
+ .sapMTileCnt.News{
48
+ .sapMTileCntContent{
49
+ height: 3.25rem;
50
+ .sapMFT{
51
+ font-size: 0.75rem;
52
+ }
23
53
  }
24
54
  }
25
55
  }
@@ -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;