@openui5/themelib_sap_horizon 1.114.0 → 1.115.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 (47) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +0 -6
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  5. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  6. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  7. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/Button.less +10 -4
  9. package/src/sap/m/themes/sap_horizon/GenericTile.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/Link.less +2 -10
  11. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  12. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  13. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +2 -5
  14. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  15. package/src/sap/m/themes/sap_horizon_dark/Button.less +10 -4
  16. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_dark/Link.less +2 -10
  18. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  19. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  20. package/src/sap/m/themes/sap_horizon_hcb/Link.less +5 -12
  21. package/src/sap/m/themes/sap_horizon_hcw/Link.less +5 -12
  22. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  23. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +9 -1
  24. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +202 -351
  25. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  26. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  27. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +10 -2
  28. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +202 -351
  29. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  30. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  31. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +4 -1
  32. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +319 -2
  33. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  34. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  35. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +4 -1
  36. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +319 -2
  37. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  38. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  40. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  41. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  42. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  43. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
  44. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +10 -1
  45. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +10 -1
  46. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +10 -1
  47. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +10 -1
package/.reuse/dep5 CHANGED
@@ -192,11 +192,6 @@ Copyright: 2012 Matteo Spinelli
192
192
  License: MIT
193
193
  Comment: these files belong to: cubiq.org - swipeview
194
194
 
195
- Files: src/sap.ui.core/src/sap/ui/thirdparty/mobify-carousel.js
196
- Copyright: Mobify R&D Inc.
197
- License: MIT
198
- Comment: these files belong to: Mobify.js
199
-
200
195
  Files: src/sap.ui.core/src/sap/ui/thirdparty/zyngascroll.js
201
196
  Copyright: 2011 Zynga Inc.
202
197
  License: MIT
package/THIRDPARTY.txt CHANGED
@@ -143,12 +143,6 @@ License: MIT
143
143
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
144
144
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js
145
145
 
146
- Component: Mobify.js, version: 1.1
147
- Copyright: Mobify R&D Inc.
148
- License: MIT
149
- License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
150
- Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobify-carousel.js
151
-
152
146
  Component: Zynga Scroller, version: 1.2.1-0-g5d43806
153
147
  Copyright: 2011 Zynga Inc.
154
148
  License: MIT
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.114.0",
3
+ "version": "1.115.0",
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.0",
18
- "@openui5/sap.m": "1.114.0",
19
- "@openui5/sap.tnt": "1.114.0",
20
- "@openui5/sap.ui.codeeditor": "1.114.0",
21
- "@openui5/sap.ui.commons": "1.114.0",
22
- "@openui5/sap.ui.core": "1.114.0",
23
- "@openui5/sap.ui.dt": "1.114.0",
24
- "@openui5/sap.ui.fl": "1.114.0",
25
- "@openui5/sap.ui.mdc": "1.114.0",
26
- "@openui5/sap.ui.integration": "1.114.0",
27
- "@openui5/sap.ui.layout": "1.114.0",
28
- "@openui5/sap.ui.rta": "1.114.0",
29
- "@openui5/sap.ui.suite": "1.114.0",
30
- "@openui5/sap.ui.table": "1.114.0",
31
- "@openui5/sap.ui.unified": "1.114.0",
32
- "@openui5/sap.ui.ux3": "1.114.0",
33
- "@openui5/sap.uxap": "1.114.0"
17
+ "@openui5/sap.f": "1.115.0",
18
+ "@openui5/sap.m": "1.115.0",
19
+ "@openui5/sap.tnt": "1.115.0",
20
+ "@openui5/sap.ui.codeeditor": "1.115.0",
21
+ "@openui5/sap.ui.commons": "1.115.0",
22
+ "@openui5/sap.ui.core": "1.115.0",
23
+ "@openui5/sap.ui.dt": "1.115.0",
24
+ "@openui5/sap.ui.fl": "1.115.0",
25
+ "@openui5/sap.ui.mdc": "1.115.0",
26
+ "@openui5/sap.ui.integration": "1.115.0",
27
+ "@openui5/sap.ui.layout": "1.115.0",
28
+ "@openui5/sap.ui.rta": "1.115.0",
29
+ "@openui5/sap.ui.suite": "1.115.0",
30
+ "@openui5/sap.ui.table": "1.115.0",
31
+ "@openui5/sap.ui.unified": "1.115.0",
32
+ "@openui5/sap.ui.ux3": "1.115.0",
33
+ "@openui5/sap.uxap": "1.115.0"
34
34
  }
35
35
  }
@@ -10,8 +10,8 @@
10
10
  @_sap_f_Card_HeaderFocusBorderRadius: inherit;
11
11
  @_sap_f_Card_BorderRadius: 1rem;
12
12
  @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
13
- @_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
14
- @_sap_f_Card_Badge_Background: @sapHighlightColor;
13
+ @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
14
+ @_sap_f_Card_Badge_Background: @sapUiHighlight;
15
15
 
16
16
  .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
17
17
  .sapFCard {
@@ -34,19 +34,13 @@
34
34
  }
35
35
  }
36
36
 
37
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
38
- box-shadow: @_sap_f_Card_HoverBoxShadow;
39
-
40
- .sapFCardHeader:hover {
41
- background: @sapUiTileHoverBackground;
37
+ .sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
38
+ &:hover {
39
+ box-shadow: @_sap_f_Card_HoverBoxShadow;
42
40
  }
43
- }
44
-
45
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
46
- box-shadow: @_sap_f_Card_BoxShadow;
47
41
 
48
- .sapFCardHeader:active {
49
- background: @sapUiTileActiveBackground;
42
+ &:active {
43
+ box-shadow: @_sap_f_Card_BoxShadow;
50
44
  }
51
45
  }
52
46
 
@@ -10,8 +10,8 @@
10
10
  @_sap_f_Card_HeaderFocusBorderRadius: inherit;
11
11
  @_sap_f_Card_BorderRadius: 1rem;
12
12
  @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
13
- @_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
14
- @_sap_f_Card_Badge_Background: @sapHighlightColor;
13
+ @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
14
+ @_sap_f_Card_Badge_Background: @sapUiHighlight;
15
15
 
16
16
  .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
17
17
  .sapFCard {
@@ -30,19 +30,13 @@
30
30
  }
31
31
  }
32
32
 
33
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
34
- box-shadow: @_sap_f_Card_HoverBoxShadow;
35
-
36
- .sapFCardHeader:hover {
37
- background: @sapUiTileHoverBackground;
33
+ .sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
34
+ &:hover {
35
+ box-shadow: @_sap_f_Card_HoverBoxShadow;
38
36
  }
39
- }
40
-
41
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
42
- box-shadow: @_sap_f_Card_BoxShadow;
43
37
 
44
- .sapFCardHeader:active {
45
- background: @sapUiTileActiveBackground;
38
+ &:active {
39
+ box-shadow: @_sap_f_Card_BoxShadow;
46
40
  }
47
41
  }
48
42
 
@@ -9,7 +9,7 @@
9
9
  @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
10
10
  @_sap_f_Card_Badge_Background: @sapHighlightColor;
11
11
 
12
- .sapFCard .sapFCardHeader.sapFCardClickable {
12
+ .sapFCard .sapFCardHeader.sapFCardSectionClickable {
13
13
  &:hover {
14
14
  .sapFCardNumericIndicatorsMain {
15
15
  .sapMNCValue,
@@ -9,7 +9,7 @@
9
9
  @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
10
10
  @_sap_f_Card_Badge_Background: @sapHighlightColor;
11
11
 
12
- .sapFCard .sapFCardHeader.sapFCardClickable {
12
+ .sapFCard .sapFCardHeader.sapFCardSectionClickable {
13
13
  &:hover {
14
14
  .sapFCardNumericIndicatorsMain {
15
15
  .sapMNCValue,
@@ -180,7 +180,8 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
180
180
  border: 0.125rem solid @sapUiContentContrastFocusColor;
181
181
  }
182
182
 
183
- .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
183
+ .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
184
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
184
185
  border-color: @sapUiButtonLiteBorderColor;
185
186
  }
186
187
 
@@ -198,13 +199,16 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
198
199
  /* ------------------------------------------------ */
199
200
 
200
201
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
203
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
204
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
205
  color: @sapUiButtonLiteTextColor;
203
206
  background-color: @sapUiButtonLiteBackground;
204
207
  }
205
208
 
206
209
  .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 {
210
+ .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
211
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
208
212
  color: @sapUiButtonLiteTextColor;
209
213
  .sapUiIcon {
210
214
  color: @sapUiButtonLiteTextColor;
@@ -212,7 +216,9 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
212
216
  }
213
217
 
214
218
  .sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
215
- .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
219
+ .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
220
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
221
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
216
222
  border-color: @sapUiButtonLiteBorderColor;
217
223
  }
218
224
 
@@ -192,7 +192,7 @@ html.sap-desktop .sapMGT.sapMGTLineMode:active{
192
192
  /************************************************************/
193
193
 
194
194
  .sapMGTLineMode .sapMGTHdrTxt {
195
- color: @sapUiButtonTextColor;
195
+ color: @sapTile_TitleTextColor;
196
196
  font-size: @sapMFontMediumSize;
197
197
  text-shadow: @sapUiShadowText;
198
198
  }
@@ -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 {
@@ -24,18 +23,10 @@
24
23
  text-decoration: underline;
25
24
  }
26
25
 
27
- .sapMLnkSubtle:focus {
28
- color: @sapUiContentFocusColor;
29
- }
30
-
31
26
  .sapMLnk:not(.sapMLnkDsbl) {
32
27
  text-shadow: @sapUiContentTextShadow;
33
28
  }
34
29
 
35
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
36
- text-decoration: none;
37
- }
38
-
39
30
  /* align Link in Form with Label */
40
31
  .sapUiFormEdit .sapMLnk {
41
32
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -54,6 +45,7 @@ html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
54
45
  outline: none;
55
46
  }
56
47
 
57
- html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
48
+ html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
49
+ html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
58
50
  text-decoration: none;
59
51
  }
@@ -0,0 +1,13 @@
1
+ .sapUiSizeCompact {
2
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
3
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
4
+ margin-left: 3rem;
5
+ }
6
+ }
7
+ }
8
+
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3.75rem;
12
+ }
13
+ }
@@ -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
  }
@@ -53,11 +53,6 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
53
53
  text-shadow: @sapContent_TextShadow;
54
54
  }
55
55
 
56
- /* temporary workaround of an issue in the icon font */
57
- .sapMRI .sapUiIcon,
58
- .sapMRI .sapMImg {
59
- top: -1px;
60
- }
61
56
 
62
57
  /* As font-size is set as an inline style, we need to override it for horizon only using important */
63
58
 
@@ -65,6 +60,7 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
65
60
  .sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
66
61
  .sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
67
62
  font-size: 75% !important;
63
+ vertical-align: baseline;
68
64
  }
69
65
 
70
66
  .sapUiSizeCompact {
@@ -75,6 +71,7 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
75
71
  &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
76
72
  &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
77
73
  font-size: 75% !important;
74
+ vertical-align: baseline;
78
75
  }
79
76
 
80
77
  & .sapMRISel,
@@ -45,6 +45,7 @@
45
45
  @import "ListBase.less";
46
46
  @import "ListItemBase.less";
47
47
  @import "MenuButton.less";
48
+ @import "MenuListItem.less";
48
49
  @import "MessageBox.less";
49
50
  @import "MessageStrip.less";
50
51
  @import "MessageView.less";
@@ -180,7 +180,8 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
180
180
  border: 0.125rem solid @sapUiContentContrastFocusColor;
181
181
  }
182
182
 
183
- .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
183
+ .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
184
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
184
185
  border-color: @sapUiButtonLiteBorderColor;
185
186
  }
186
187
 
@@ -198,13 +199,16 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
198
199
  /* ------------------------------------------------ */
199
200
 
200
201
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
203
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
204
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
205
  color: @sapUiButtonLiteTextColor;
203
206
  background-color: @sapUiButtonLiteBackground;
204
207
  }
205
208
 
206
209
  .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 {
210
+ .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
211
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
208
212
  color: @sapUiButtonLiteTextColor;
209
213
  .sapUiIcon {
210
214
  color: @sapUiButtonLiteTextColor;
@@ -212,7 +216,9 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
212
216
  }
213
217
 
214
218
  .sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
215
- .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
219
+ .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
220
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
221
+ .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
216
222
  border-color: @sapUiButtonLiteBorderColor;
217
223
  }
218
224
 
@@ -192,7 +192,7 @@ html.sap-desktop .sapMGT.sapMGTLineMode:active{
192
192
  /************************************************************/
193
193
 
194
194
  .sapMGTLineMode .sapMGTHdrTxt {
195
- color: @sapUiButtonTextColor;
195
+ color: @sapTile_TitleTextColor;
196
196
  font-size: @sapMFontMediumSize;
197
197
  text-shadow: @sapUiShadowText;
198
198
  }
@@ -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 {
@@ -24,18 +23,10 @@
24
23
  text-decoration: underline;
25
24
  }
26
25
 
27
- .sapMLnkSubtle:focus {
28
- color: @sapUiContentFocusColor;
29
- }
30
-
31
26
  .sapMLnk:not(.sapMLnkDsbl) {
32
27
  text-shadow: @sapUiContentTextShadow;
33
28
  }
34
29
 
35
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
36
- text-decoration: none;
37
- }
38
-
39
30
  /* align Link in Form with Label */
40
31
  .sapUiFormEdit .sapMLnk {
41
32
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -54,6 +45,7 @@ html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
54
45
  outline: none;
55
46
  }
56
47
 
57
- html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
48
+ html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
49
+ html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
58
50
  text-decoration: none;
59
51
  }
@@ -0,0 +1,13 @@
1
+ .sapUiSizeCompact {
2
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
3
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
4
+ margin-left: 3rem;
5
+ }
6
+ }
7
+ }
8
+
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3.75rem;
12
+ }
13
+ }
@@ -45,6 +45,7 @@
45
45
  @import "ListBase.less";
46
46
  @import "ListItemBase.less";
47
47
  @import "MenuButton.less";
48
+ @import "MenuListItem.less";
48
49
  @import "MessageBox.less";
49
50
  @import "MessageStrip.less";
50
51
  @import "MessageView.less";
@@ -3,10 +3,6 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- .sapMLnk {
7
- text-decoration: underline;
8
- }
9
-
10
6
  .sapMLnkDsbl {
11
7
  opacity: @sapUiContentDisabledOpacity;
12
8
  outline: none;
@@ -27,18 +23,10 @@
27
23
  text-decoration: underline;
28
24
  }
29
25
 
30
- .sapMLnkSubtle:focus {
31
- color: @sapUiContentFocusColor;
32
- }
33
-
34
26
  .sapMLnk:not(.sapMLnkDsbl) {
35
27
  text-shadow: @sapUiContentTextShadow;
36
28
  }
37
29
 
38
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
39
- text-decoration: none;
40
- }
41
-
42
30
  /* align Link in Form with Label */
43
31
  .sapUiFormEdit .sapMLnk {
44
32
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -51,4 +39,9 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
51
39
 
52
40
  html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
53
41
  outline: 0.125rem dotted @sapUiContentFocusColor;
42
+ }
43
+
44
+ html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
45
+ html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
46
+ text-decoration: none;
54
47
  }
@@ -3,10 +3,6 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- .sapMLnk {
7
- text-decoration: underline;
8
- }
9
-
10
6
  .sapMLnkDsbl {
11
7
  opacity: @sapUiContentDisabledOpacity;
12
8
  outline: none;
@@ -27,18 +23,10 @@
27
23
  text-decoration: underline;
28
24
  }
29
25
 
30
- .sapMLnkSubtle:focus {
31
- color: @sapUiContentFocusColor;
32
- }
33
-
34
26
  .sapMLnk:not(.sapMLnkDsbl) {
35
27
  text-shadow: @sapUiContentTextShadow;
36
28
  }
37
29
 
38
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
39
- text-decoration: none;
40
- }
41
-
42
30
  /* align Link in Form with Label */
43
31
  .sapUiFormEdit .sapMLnk {
44
32
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -51,4 +39,9 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
51
39
 
52
40
  html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
53
41
  outline: 0.125rem dotted @sapUiContentFocusColor;
42
+ }
43
+
44
+ html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
45
+ html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
46
+ text-decoration: none;
54
47
  }
@@ -4,8 +4,22 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
7
- @_sap_tnt_NavigationList_IconColor: @sapHighlightColor;
7
+ @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
10
- @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
11
- @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
9
+ @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
+ @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
+ @_sap_tnt_NavigationList_SelectedItemBorder: none;
16
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
17
+ @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
18
+ @_sap_tnt_NavigationList_GroupBorder: none;
19
+ @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
20
+ @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
+ @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
+ @_sap_tnt_NavigationList_Padding: 0.5rem;
23
+ @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
24
+ @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
25
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
@@ -3,7 +3,15 @@
3
3
  /* Horizon theme */
4
4
  /* ======================================= */
5
5
 
6
+ @_sap_tnt_SideNavigation_Width: 16rem;
6
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
7
- @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapAccentColor6;
8
+ @_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
9
+ @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
10
+ @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
11
+ @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
8
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
+ @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
17
+ @_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;