@openui5/themelib_sap_horizon 1.114.2 → 1.114.4

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 (92) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  3. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  4. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  5. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  6. package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
  7. package/src/sap/m/themes/sap_horizon/IconTabBar.less +219 -58
  8. package/src/sap/m/themes/sap_horizon/InputBase.less +3 -5
  9. package/src/sap/m/themes/sap_horizon/Link.less +25 -19
  10. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  11. package/src/sap/m/themes/sap_horizon/Panel.less +9 -3
  12. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  13. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  14. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  15. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  16. package/src/sap/m/themes/sap_horizon/Select.less +8 -14
  17. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  18. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  19. package/src/sap/m/themes/sap_horizon/Token.less +44 -37
  20. package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -1
  21. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  22. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
  23. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +200 -36
  24. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +3 -5
  25. package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
  26. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  27. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  28. package/src/sap/m/themes/sap_horizon_dark/Panel.less +8 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
  30. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  31. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  32. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  33. package/src/sap/m/themes/sap_horizon_dark/Select.less +7 -14
  34. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  35. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  36. package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
  37. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +7 -0
  38. package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
  40. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +8 -0
  41. package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
  42. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +8 -3
  44. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
  45. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  47. package/src/sap/m/themes/sap_horizon_hcb/Select.less +20 -0
  48. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
  49. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  50. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +5 -1
  51. package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
  52. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
  53. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  54. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
  55. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +8 -0
  56. package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
  57. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  58. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +8 -4
  59. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
  60. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  61. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  62. package/src/sap/m/themes/sap_horizon_hcw/Select.less +21 -0
  63. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
  64. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  65. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +5 -1
  66. package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
  67. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
  68. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  69. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +26 -4
  70. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +11 -2
  71. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +241 -342
  72. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  73. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +26 -4
  74. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +11 -2
  75. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +241 -342
  76. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  77. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +19 -2
  78. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +5 -1
  79. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +360 -2
  80. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  81. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +19 -2
  82. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +5 -1
  83. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +360 -2
  84. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  85. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  86. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  87. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  88. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  89. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +423 -60
  90. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  91. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +421 -51
  92. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
@@ -7,7 +7,6 @@
7
7
  opacity: @sapUiContentDisabledOpacity;
8
8
  outline: none;
9
9
  cursor: default;
10
- text-decoration: none;
11
10
  }
12
11
 
13
12
  .sapMLnkEmphasized {
@@ -22,20 +21,39 @@
22
21
  .sapMLnk.sapMLnkSubtle {
23
22
  color: @sapUiLinkSubtleColor;
24
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
25
30
  }
26
31
 
27
- .sapMLnkSubtle:focus {
28
- color: @sapUiContentFocusColor;
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ border-radius: 0.125rem;
35
+ background-color: @sapUiContentFocusColor;
36
+ color: @sapUiContentContrastTextColor;
37
+ text-shadow: none;
38
+ outline: none;
39
+
40
+ &:hover:not(:active) {
41
+ text-decoration: none;
42
+ }
43
+ }
44
+
45
+ &.sapMLnkSubtle {
46
+ &:hover:not(:active):not(:focus) {
47
+ color: @sapUiLinkSubtleColor;
48
+ text-decoration: none;
49
+ }
50
+ }
29
51
  }
30
52
 
31
53
  .sapMLnk:not(.sapMLnkDsbl) {
32
54
  text-shadow: @sapUiContentTextShadow;
33
55
  }
34
56
 
35
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
36
- text-decoration: none;
37
- }
38
-
39
57
  /* align Link in Form with Label */
40
58
  .sapUiFormEdit .sapMLnk {
41
59
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -44,16 +62,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
44
62
 
45
63
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
46
64
  text-shadow: @sapUiContentTextShadow;
47
- }
48
-
49
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
50
- border-radius: 0.125rem;
51
- background-color: @sapUiContentFocusColor;
52
- color: @sapUiContentContrastTextColor;
53
- text-shadow: none;
54
- outline: none;
55
- }
56
-
57
- html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
58
- text-decoration: none;
59
65
  }
@@ -0,0 +1,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
+ }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Evening Horizon theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMPanel {
7
- min-height: 2.5rem;
7
+ min-height: 2.75rem;
8
8
  border-radius: @sapElement_BorderCornerRadius;
9
9
 
10
10
  .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
@@ -75,8 +75,13 @@
75
75
  width: 2.25rem;
76
76
  }
77
77
 
78
- .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
79
- width: 2rem;
78
+ .sapUiSizeCompact {
79
+ .sapMPanel {
80
+ min-height: 2.5rem;
81
+ }
82
+ .sapMPanelWrappingDiv .sapUiIcon {
83
+ width: 2rem;
84
+ }
80
85
  }
81
86
 
82
87
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
@@ -141,4 +141,17 @@
141
141
  border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
142
142
  border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
143
143
  }
144
+ }
145
+
146
+ .sapMPopoverResizeHandle {
147
+ border: none;
148
+ color: @sapButton_Lite_TextColor;
149
+ width: 1rem;
150
+ font-size: 1rem;
151
+ line-height: 1rem;
152
+ content: "\e24f";
153
+ height: 1rem;
154
+ top: 0;
155
+ right: 0.125rem;
156
+ padding: 0 0.125rem 0rem 0rem;
144
157
  }
@@ -3,6 +3,8 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
7
+
6
8
  .sapMRb {
7
9
  height: 2.75rem;
8
10
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,10 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
-
214
212
  html[data-sap-ui-browser^="sf"] {
215
213
  // fix for blur caused by drop-shadow in Safari
216
214
  .sapMRbHoverable:hover {
@@ -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;
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +57,6 @@
58
57
  }
59
58
 
60
59
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
61
- box-shadow: @sapUiContentInteractionShadow;
62
60
  background-color: @sapUiFieldHoverBackground;
63
61
  }
64
62
 
@@ -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,13 @@ 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;
179
172
  }
180
173
 
181
174
  .sapMSltPressed >.sapMSltArrow,
@@ -18,6 +18,11 @@
18
18
  }
19
19
  }
20
20
 
21
+ .sapMSlider {
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+
21
26
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
22
27
  font-family: SAP-icons;
23
28
  content: "\e29c";
@@ -38,7 +43,8 @@
38
43
  }
39
44
  }
40
45
 
41
- .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
46
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
47
+ .sapMSliderHandle:hover {
42
48
  &:not(:focus) {
43
49
  border-color: @sapUiSliderHoverHandleBorderColor;
44
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
  }
@@ -10,68 +10,75 @@
10
10
  @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
11
11
 
12
12
  .sapMToken {
13
- overflow: visible;
14
13
  padding-left: @_sap_m_Token_LeftPadding;
14
+ border-radius: 0.375rem;
15
+ color: @sapTextColor;
16
+ font-size: @sapFontSize;
15
17
  }
16
18
 
17
- .sapMTokenSelected:not(:focus),
19
+ .sapMTokenSelected,
18
20
  .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
19
21
  background: @sapUiButtonSelectedBackground;
20
22
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
21
- border-radius: @sapUiButtonBorderCornerRadius;
23
+ border-radius: 0.375rem;
24
+ font-family: @sapFontSemiboldDuplexFamily;
25
+ }
26
+
27
+ .sapMToken.sapMTokenSelected::before {
28
+ content: '';
29
+ position: absolute;
30
+ pointer-events: none;
31
+ z-index: 2;
32
+ bottom: 0;
33
+ left: 0;
34
+ right: 0;
35
+ height: 2px;
36
+ background-color: @sapUiButtonSelectedBorderColor;
22
37
  }
23
38
 
24
39
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
25
- background: @sapUiButtonTokenBackground;
26
- border: 1px solid @sapUiButtonTokenBorderColor;
27
- border-radius: @sapUiButtonBorderCornerRadius;
28
- box-shadow: @sapUiContentInteractionShadow;
40
+ background: @sapUiButtonHoverBackground;
41
+ border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
42
+ border-radius: 0.375rem;
29
43
  }
30
44
 
31
45
  html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
32
- background: @sapUiButtonSelectedBackground;
46
+ background: @sapUiButtonSelectedHoverBackground;
33
47
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
34
- border-radius: @sapUiButtonBorderCornerRadius;
35
48
  }
36
49
 
37
- html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
38
- box-shadow: @sapUiContentInteractionShadow;
39
- }
50
+ .sapMToken.sapMTokenReadOnly {
51
+ padding: 0.25rem 0.3125rem;
52
+ color: @sapUiContentLabelColor;
40
53
 
41
- .sapMToken.sapMTokenReadOnly,
42
- .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
43
- color: @sapUiContentLabelColor
54
+ .sapMTokenText {
55
+ line-height: 1rem;
56
+ }
44
57
  }
45
58
 
46
59
  html.sap-desktop .sapMToken:focus {
47
- outline: none;
48
- }
49
-
50
- html.sap-desktop .sapMToken:focus::after {
51
- content: '';
52
- position: absolute;
53
- pointer-events: none;
54
- z-index: 2;
55
- border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
56
- border-radius: 0.625rem;
57
- top: -0.25rem;
58
- bottom: -0.25rem;
59
- left: -0.25rem;
60
- right: -0.25rem;
60
+ outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
61
+ border-radius: 0.5rem;
62
+ outline-offset: 0.0625rem;
61
63
  }
62
64
 
63
65
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
64
66
  border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
65
67
  }
66
68
 
67
- html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
68
- html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
69
- top: -0.125rem;
70
- bottom: -0.125rem;
71
- left: -0.125rem;
72
- right: -0.125rem;
69
+ html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
70
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
71
+ outline-offset: 0;
72
+ }
73
+
74
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
75
+ outline-width: 1px;
73
76
  }
74
77
 
75
- html.sap-desktop .sapMToken.sapMTokenSelected:focus {
76
- color: @sapUiButtonSelectedTextColor;
78
+ .sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
79
+ padding: 0.125rem 0.25rem;
80
+
81
+ .sapMTokenText {
82
+ line-height: 0.875rem;
83
+ }
77
84
  }
@@ -31,9 +31,16 @@ html.sap-desktop .sapMTokenizer:focus {
31
31
  color: @sapUiContentLabelColor;
32
32
  }
33
33
 
34
+ .sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
35
+ padding: 0.25rem 0.3125rem;
36
+ }
37
+
34
38
  .sapUiSizeCompact {
35
39
  .sapMTokenizer {
36
40
  padding-left: 0.25rem;
41
+ &.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
42
+ padding: 0.125rem 0.25rem;
43
+ }
37
44
  .sapMToken {
38
45
  margin-right: 0.25rem;
39
46
  }
@@ -45,8 +45,10 @@
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";
51
+ @import "MessageToast.less";
50
52
  @import "MessageView.less";
51
53
  @import "MultiComboBox.less";
52
54
  @import "MultiInput.less";
@@ -8,6 +8,7 @@
8
8
  @_sap_m_Avatar_Font_Size_M: 1.5rem;
9
9
  @_sap_m_Avatar_Font_Size_S: 1.125rem;
10
10
  @_sap_m_Avatar_Font_Size_XS: 1rem;
11
+ @_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
11
12
 
12
13
  .sapFAvatarImageContain,
13
14
  .sapFAvatarIcon,
@@ -27,9 +28,12 @@
27
28
  font-size: inherit;
28
29
  }
29
30
 
31
+ .sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
32
+ background-color: @sapActiveColor;
33
+ }
34
+
30
35
  .sapFAvatarFocusable:focus {
31
- outline: none;
32
- box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
36
+ outline-width: 0.125rem;
33
37
  }
34
38
 
35
39
  .sapFAvatarColorTileIcon {
@@ -170,6 +170,10 @@
170
170
  }
171
171
  }
172
172
 
173
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
174
+ line-height: 0.75rem;
175
+ }
176
+
173
177
  /* Head Container - compact */
174
178
 
175
179
  .sapUiSizeCompact.sapMITH {
@@ -229,6 +233,10 @@
229
233
  margin-top: 0.125rem;
230
234
  }
231
235
  }
236
+
237
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
238
+ line-height: 0.75rem;
239
+ }
232
240
  }
233
241
 
234
242
  .sapMITBContentArrow {
@@ -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;
@@ -25,20 +21,35 @@
25
21
  .sapMLnk.sapMLnkSubtle {
26
22
  color: @sapUiLinkSubtleColor;
27
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
28
30
  }
29
31
 
30
- .sapMLnkSubtle:focus {
31
- color: @sapUiContentFocusColor;
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ outline: 0.125rem dotted @sapUiContentFocusColor;
35
+
36
+ &:hover:not(:active) {
37
+ text-decoration: none;
38
+ }
39
+ }
40
+
41
+ &.sapMLnkSubtle {
42
+ &:hover:not(:active):not(:focus) {
43
+ color: @sapUiLinkSubtleColor;
44
+ text-decoration: none;
45
+ }
46
+ }
32
47
  }
33
48
 
34
49
  .sapMLnk:not(.sapMLnkDsbl) {
35
50
  text-shadow: @sapUiContentTextShadow;
36
51
  }
37
52
 
38
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
39
- text-decoration: none;
40
- }
41
-
42
53
  /* align Link in Form with Label */
43
54
  .sapUiFormEdit .sapMLnk {
44
55
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -47,8 +58,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
47
58
 
48
59
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
49
60
  text-shadow: @sapUiContentTextShadow;
50
- }
51
-
52
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
53
- outline: 0.125rem dotted @sapUiContentFocusColor;
54
61
  }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMPanel {
7
- min-height: 2.5rem;
7
+ min-height: 2.75rem;
8
8
  }
9
9
 
10
10
  .sapMPanelBGSolid {
@@ -54,8 +54,13 @@
54
54
  width: 2.25rem;
55
55
  }
56
56
 
57
- .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
58
- width: 2rem;
57
+ .sapUiSizeCompact {
58
+ .sapMPanel {
59
+ min-height: 2.5rem;
60
+ }
61
+ .sapMPanelWrappingDiv .sapUiIcon {
62
+ width: 2rem;
63
+ }
59
64
  }
60
65
 
61
66
  .sapMPanelWrappingDiv .sapUiIcon {
@@ -161,4 +161,10 @@
161
161
  /* pointing left arrow */
162
162
  .sapMPopoverArrLeft:after {
163
163
  margin: 0.125rem 0 0 0.3125rem;
164
+ }
165
+
166
+ .sapMPopoverResizeHandle {
167
+ top: -8px;
168
+ right: -3px;
169
+ color: @sapButton_Lite_TextColor;
164
170
  }
@@ -138,7 +138,7 @@
138
138
  .sapMRbWarn.sapMRbSel,
139
139
  .sapMRbWarn.sapMRbSel.sapMRbRo {
140
140
  .sapMRbBInn {
141
- fill: @sapUiFieldTextColor;
141
+ fill: @sapUiFieldWarningColor;
142
142
  stroke: none;
143
143
  }
144
144
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
57
56
  }
58
57
 
59
58
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
60
- box-shadow: @sapUiContentInteractionShadow;
61
59
  background-color: @sapUiFieldHoverBackground;
62
60
  }
63
61
 
@@ -11,6 +11,26 @@
11
11
  border-radius: 0.365rem;
12
12
  }
13
13
 
14
+ /* arrow styles*/
15
+
16
+ .sapMSlt > .sapMSltArrow {
17
+ line-height: 2.25rem;
18
+ }
19
+
20
+ .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
21
+ line-height: 1.625rem;
22
+ }
23
+
24
+ .sapMSltArrow {
25
+ width: 2.25rem;
26
+ height: 2.25rem;
27
+ }
28
+
29
+ .sapUiSizeCompact .sapMSltArrow {
30
+ width: 2rem;
31
+ height: 1.625rem;
32
+ }
33
+
14
34
  /* hover and focus */
15
35
 
16
36
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
@@ -25,6 +25,7 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
+ outline: @sapUiContentFocusStyle;
28
29
  outline-offset: -0.1875rem;
29
30
  }
30
31
 
@@ -28,7 +28,8 @@
28
28
  top: -.0625rem;
29
29
  }
30
30
 
31
- .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
31
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
32
+ .sapMSliderHandle:hover {
32
33
  background: @sapUiSliderHoverHandleBackground;
33
34
  border-color: @sapUiSliderHoverHandleBorderColor;
34
35
  box-shadow: @sapUiContentSelectedShadow;
@@ -24,4 +24,8 @@
24
24
 
25
25
  .sapMInputBase.sapMTextArea .sapMTextAreaInner {
26
26
  line-height: 1.5;
27
- }
27
+ }
28
+
29
+ .sapMTextAreaMirror {
30
+ line-height: 1.5;
31
+ }