@openui5/themelib_sap_horizon 1.108.18 → 1.108.20
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.
- package/THIRDPARTY.txt +1 -1
- package/package.json +18 -18
- package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon/Button.less +13 -26
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +257 -70
- package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
- package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
- package/src/sap/m/themes/sap_horizon/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
- package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
- package/src/sap/m/themes/sap_horizon/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
- package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +228 -39
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
- package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
- package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
- package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
- package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
- package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
- package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
- package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
- package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
- package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
- package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
|
@@ -11,9 +11,7 @@
|
|
|
11
11
|
background-color: @sapInformationBackground;
|
|
12
12
|
border-color: @sapUiMessageInformationBorderColor;
|
|
13
13
|
|
|
14
|
-
.sapMBtnTransparent
|
|
15
|
-
.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
|
|
16
|
-
.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
14
|
+
.sapMBtnTransparent {
|
|
17
15
|
background-color: @sapInformationBackground;
|
|
18
16
|
border-color: @sapInformationBackground;
|
|
19
17
|
}
|
|
@@ -26,9 +24,7 @@
|
|
|
26
24
|
.sapMMsgStripError {
|
|
27
25
|
border-color: @sapUiMessageErrorBorderColor;
|
|
28
26
|
|
|
29
|
-
.sapMBtnTransparent
|
|
30
|
-
.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
|
|
31
|
-
.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
27
|
+
.sapMBtnTransparent {
|
|
32
28
|
background-color: @sapErrorBackground;
|
|
33
29
|
border-color: @sapErrorBackground;
|
|
34
30
|
}
|
|
@@ -37,9 +33,7 @@
|
|
|
37
33
|
.sapMMsgStripSuccess {
|
|
38
34
|
border-color: @sapUiMessageSuccessBorderColor;
|
|
39
35
|
|
|
40
|
-
.sapMBtnTransparent
|
|
41
|
-
.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
|
|
42
|
-
.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
36
|
+
.sapMBtnTransparent {
|
|
43
37
|
background-color: @sapSuccessBackground;
|
|
44
38
|
border-color: @sapSuccessBackground;
|
|
45
39
|
}
|
|
@@ -48,9 +42,7 @@
|
|
|
48
42
|
.sapMMsgStripWarning {
|
|
49
43
|
border-color: @sapUiMessageWarningBorderColor;
|
|
50
44
|
|
|
51
|
-
.sapMBtnTransparent
|
|
52
|
-
.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
|
|
53
|
-
.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
45
|
+
.sapMBtnTransparent {
|
|
54
46
|
background-color: @sapWarningBackground;
|
|
55
47
|
border-color: @sapWarningBackground;
|
|
56
48
|
}
|
|
@@ -76,10 +76,6 @@
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
|
|
80
|
-
filter: drop-shadow(0 0 0.125rem fade(@sapNeutralColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
|
|
81
|
-
}
|
|
82
|
-
|
|
83
79
|
.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
|
|
84
80
|
stroke: @sapUiFieldHoverBorderColor;
|
|
85
81
|
}
|
|
@@ -136,10 +132,6 @@
|
|
|
136
132
|
}
|
|
137
133
|
}
|
|
138
134
|
|
|
139
|
-
.sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
|
|
140
|
-
filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
|
|
141
|
-
}
|
|
142
|
-
|
|
143
135
|
.sapMRbWarn.sapMRbSel,
|
|
144
136
|
.sapMRbWarn.sapMRbSel.sapMRbRo {
|
|
145
137
|
.sapMRbBInn {
|
|
@@ -157,10 +149,6 @@
|
|
|
157
149
|
}
|
|
158
150
|
}
|
|
159
151
|
|
|
160
|
-
.sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
|
|
161
|
-
filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
|
|
162
|
-
}
|
|
163
|
-
|
|
164
152
|
.sapMRbSucc.sapMRbSel,
|
|
165
153
|
.sapMRbSucc.sapMRbSel.sapMRbRo {
|
|
166
154
|
.sapMRbBInn {
|
|
@@ -178,11 +166,6 @@
|
|
|
178
166
|
}
|
|
179
167
|
}
|
|
180
168
|
|
|
181
|
-
|
|
182
|
-
.sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
|
|
183
|
-
filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
|
|
184
|
-
}
|
|
185
|
-
|
|
186
169
|
.sapMRbInfo.sapMRbSel,
|
|
187
170
|
.sapMRbInfo.sapMRbSel.sapMRbRo {
|
|
188
171
|
.sapMRbBInn {
|
|
@@ -200,10 +183,6 @@
|
|
|
200
183
|
}
|
|
201
184
|
}
|
|
202
185
|
|
|
203
|
-
.sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
|
|
204
|
-
filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
|
|
205
|
-
}
|
|
206
|
-
|
|
207
186
|
.sapMRbRo .sapMRbBOut {
|
|
208
187
|
stroke-dasharray: 4,2; // parameter needed for the type of the dashes
|
|
209
188
|
}
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
height: ~"calc(100% - 1px)";
|
|
33
33
|
|
|
34
34
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
35
|
-
color: @
|
|
36
|
-
|
|
35
|
+
color: @sapUiFieldTextColor;
|
|
36
|
+
|
|
37
37
|
&:first-of-type {
|
|
38
38
|
margin-left: 0.25rem;
|
|
39
39
|
}
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
&:hover {
|
|
46
|
-
box-shadow: @
|
|
47
|
-
background-color: @
|
|
46
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
47
|
+
background-color: @sapUiFieldHoverBackground;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
&:active,
|
|
51
51
|
&.sapMSFBA // Firefox specific
|
|
52
52
|
{
|
|
53
|
-
box-shadow: @
|
|
53
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
54
54
|
color: @sapUiButtonSelectedTextColor;
|
|
55
|
-
background-color: @
|
|
55
|
+
background-color: @sapUiFieldHoverBackground;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
@@ -68,4 +68,8 @@
|
|
|
68
68
|
&:hover .sapMSFF {
|
|
69
69
|
box-shadow: none;
|
|
70
70
|
}
|
|
71
|
+
|
|
72
|
+
.sapMSFB:hover {
|
|
73
|
+
color: @sapUiButtonSelectedTextColor;
|
|
74
|
+
}
|
|
71
75
|
}
|
|
@@ -50,8 +50,7 @@
|
|
|
50
50
|
html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
|
|
51
51
|
background: @sapUiButtonHoverBackground;
|
|
52
52
|
border-radius: 0.5rem;
|
|
53
|
-
|
|
54
|
-
border-color: transparent;
|
|
53
|
+
border-color: @sapUiButtonHoverBorderColor;
|
|
55
54
|
}
|
|
56
55
|
|
|
57
56
|
html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
|
|
@@ -59,7 +58,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
|
|
|
59
58
|
}
|
|
60
59
|
|
|
61
60
|
html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
|
|
62
|
-
|
|
61
|
+
border-color: @sapUiButtonHoverBorderColor;
|
|
63
62
|
}
|
|
64
63
|
|
|
65
64
|
/* Custom focus outline: */
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
/* hover and down on toggled button */
|
|
7
7
|
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
|
|
8
8
|
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
|
|
9
|
+
box-shadow: none;
|
|
10
|
+
|
|
9
11
|
&.sapMBtnReject {
|
|
10
12
|
background-color: @sapUiButtonRejectSelectedHoverBackground;
|
|
11
13
|
border-color: @sapUiButtonRejectSelectedHoverBorderColor;
|
|
@@ -68,26 +70,6 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
|
|
|
68
70
|
color: @sapUiButtonSelectedTextColor;
|
|
69
71
|
}
|
|
70
72
|
|
|
71
|
-
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive) {
|
|
72
|
-
box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnEmphasized {
|
|
76
|
-
box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept {
|
|
80
|
-
box-shadow: 0 0 0.125rem 0 fade(@sapPositiveColor, 72);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject {
|
|
84
|
-
box-shadow: 0 0 0.125rem 0 fade(@sapNegativeColor, 72);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention {
|
|
88
|
-
box-shadow: 0 0 0.125rem 0 fade(@sapCriticalColor, 72);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
73
|
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
|
|
92
74
|
border-color: @sapUiContentFocusColor;
|
|
93
75
|
}
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
/* Background animation element */
|
|
7
7
|
.sapUiLocalBusyIndicatorAnimation > div::before {
|
|
8
|
-
background: @
|
|
8
|
+
background: @sapUiContentBusyColor;
|
|
9
9
|
animation-duration: 0ms;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
/* Shadow animation element */
|
|
13
13
|
.sapUiLocalBusyIndicatorAnimation > div::after {
|
|
14
|
-
box-shadow: inset 0px 0px 0px 0px @
|
|
14
|
+
box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
|
|
15
15
|
}
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
@_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
|
|
20
20
|
@_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
|
|
21
21
|
@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
|
|
22
|
-
@_sap_m_Carousel_BulletInactiveBackground:
|
|
22
|
+
@_sap_m_Carousel_BulletInactiveBackground: transparent;
|
|
23
23
|
@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
|
|
24
24
|
@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
|
|
25
25
|
@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
|
|
26
|
-
@_sap_m_Carousel_BulletInactiveWidth: 0.
|
|
26
|
+
@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
|
|
27
27
|
@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
|
|
28
28
|
@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
|
|
29
29
|
@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
|
|
@@ -62,6 +62,8 @@
|
|
|
62
62
|
// Separator
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
64
64
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
66
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
65
67
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
66
68
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
67
69
|
|
|
@@ -139,7 +141,6 @@
|
|
|
139
141
|
@_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
|
|
140
142
|
@_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
|
|
141
143
|
|
|
142
|
-
|
|
143
144
|
/* Head Container */
|
|
144
145
|
.sapMITH {
|
|
145
146
|
z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
|
|
@@ -170,6 +171,10 @@
|
|
|
170
171
|
}
|
|
171
172
|
}
|
|
172
173
|
|
|
174
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
|
|
175
|
+
line-height: 0.75rem;
|
|
176
|
+
}
|
|
177
|
+
|
|
173
178
|
/* Head Container - compact */
|
|
174
179
|
|
|
175
180
|
.sapUiSizeCompact.sapMITH {
|
|
@@ -229,6 +234,10 @@
|
|
|
229
234
|
margin-top: 0.125rem;
|
|
230
235
|
}
|
|
231
236
|
}
|
|
237
|
+
|
|
238
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITBText {
|
|
239
|
+
line-height: 0.75rem;
|
|
240
|
+
}
|
|
232
241
|
}
|
|
233
242
|
|
|
234
243
|
.sapMITBContentArrow {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&:hover {
|
|
39
|
-
box-shadow: @
|
|
40
|
-
background-color: @
|
|
39
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
40
|
+
background-color: @sapUiButtonHoverBackground;
|
|
41
41
|
border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
42
42
|
border-right: 1px solid transparent;
|
|
43
43
|
}
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
&:active,
|
|
50
50
|
&.sapMSFBA // Firefox specific
|
|
51
51
|
{
|
|
52
|
-
box-shadow: @
|
|
52
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
53
53
|
color: @sapUiButtonSelectedTextColor;
|
|
54
|
-
background-color: @
|
|
54
|
+
background-color: @sapUiButtonHoverBackground;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
/* Background animation element */
|
|
7
7
|
.sapUiLocalBusyIndicatorAnimation > div::before {
|
|
8
|
-
background: @
|
|
8
|
+
background: @sapUiContentBusyColor;
|
|
9
9
|
animation-duration: 0ms;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
/* Shadow animation element */
|
|
13
13
|
.sapUiLocalBusyIndicatorAnimation > div::after {
|
|
14
|
-
box-shadow: inset 0px 0px 0px 0px @
|
|
14
|
+
box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
|
|
15
15
|
}
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
@_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
|
|
20
20
|
@_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
|
|
21
21
|
@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
|
|
22
|
-
@_sap_m_Carousel_BulletInactiveBackground:
|
|
22
|
+
@_sap_m_Carousel_BulletInactiveBackground: transparent;
|
|
23
23
|
@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
|
|
24
24
|
@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
|
|
25
25
|
@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
|
|
26
|
-
@_sap_m_Carousel_BulletInactiveWidth: 0.
|
|
26
|
+
@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
|
|
27
27
|
@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
|
|
28
28
|
@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
|
|
29
29
|
@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
|
|
@@ -62,6 +62,8 @@
|
|
|
62
62
|
// Separator
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
64
64
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
66
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
65
67
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
66
68
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
67
69
|
|
|
@@ -169,6 +171,10 @@
|
|
|
169
171
|
}
|
|
170
172
|
}
|
|
171
173
|
|
|
174
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
|
|
175
|
+
line-height: 0.75rem;
|
|
176
|
+
}
|
|
177
|
+
|
|
172
178
|
/* Head Container - compact */
|
|
173
179
|
|
|
174
180
|
.sapUiSizeCompact.sapMITH {
|
|
@@ -228,6 +234,10 @@
|
|
|
228
234
|
margin-top: 0.125rem;
|
|
229
235
|
}
|
|
230
236
|
}
|
|
237
|
+
|
|
238
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITBText {
|
|
239
|
+
line-height: 0.75rem;
|
|
240
|
+
}
|
|
231
241
|
}
|
|
232
242
|
|
|
233
243
|
.sapMITBContentArrow {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&:hover {
|
|
39
|
-
box-shadow: @
|
|
40
|
-
background-color: @
|
|
39
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
40
|
+
background-color: @sapUiButtonHoverBackground;
|
|
41
41
|
border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
42
42
|
border-right: 1px solid transparent;
|
|
43
43
|
}
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
&:active,
|
|
50
50
|
&.sapMSFBA // Firefox specific
|
|
51
51
|
{
|
|
52
|
-
box-shadow: @
|
|
52
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
53
53
|
color: @sapUiButtonSelectedTextColor;
|
|
54
|
-
background-color: @
|
|
54
|
+
background-color: @sapUiButtonHoverBackground;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -7,22 +7,38 @@
|
|
|
7
7
|
// Variables and mixins
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
|
-
@_sap_tnt_InfoLabel_LineHeightDisplayOnly:
|
|
11
|
-
@_sap_tnt_InfoLabel_DisplayModeBorder:
|
|
10
|
+
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
|
|
11
|
+
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
|
|
12
12
|
@_sap_tnt_InfoLabel_DisplayModeBackground: #EAECEE;
|
|
13
13
|
@_sap_tnt_InfoLabel_DisplayModeColor: #354A5F;
|
|
14
|
+
@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
|
|
15
|
+
@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
|
|
16
|
+
@_sap_tnt_InfoLabel_Height: 1.375rem;
|
|
17
|
+
@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
|
|
18
|
+
@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
|
|
19
|
+
@_sap_tnt_InfoLabel_Text: none;
|
|
20
|
+
@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
|
|
21
|
+
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
|
+
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
|
+
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
|
|
27
|
+
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
|
+
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
|
+
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
14
30
|
|
|
15
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
32
|
+
@sapAvatar_1_Background @sapAvatar_1_TextColor,
|
|
33
|
+
@sapAvatar_2_Background @sapAvatar_2_TextColor,
|
|
34
|
+
@sapAvatar_3_Background @sapAvatar_3_TextColor,
|
|
35
|
+
@sapAvatar_4_Background @sapAvatar_4_TextColor,
|
|
36
|
+
@sapAvatar_5_Background @sapAvatar_5_TextColor,
|
|
37
|
+
@sapAvatar_6_Background @sapAvatar_6_TextColor,
|
|
38
|
+
@sapAvatar_7_Background @sapAvatar_7_TextColor,
|
|
39
|
+
@sapAvatar_8_Background @sapAvatar_8_TextColor,
|
|
40
|
+
@sapAvatar_9_Background @sapAvatar_9_TextColor,
|
|
41
|
+
@sapAvatar_10_Background @sapAvatar_10_TextColor;
|
|
26
42
|
|
|
27
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
28
44
|
|
|
@@ -35,11 +51,9 @@
|
|
|
35
51
|
|
|
36
52
|
@pair: extract(@list, @i);
|
|
37
53
|
@backgroundColor: extract(@pair, 1);
|
|
38
|
-
@borderColor: extract(@pair, 2);
|
|
39
54
|
@textColor: extract(@pair, 2);
|
|
40
55
|
|
|
41
56
|
.@{prefix}@{i} {
|
|
42
|
-
border: 0.0625rem solid @borderColor;
|
|
43
57
|
background-color: @backgroundColor;
|
|
44
58
|
|
|
45
59
|
.sapTntInfoLabelInner {
|