@openui5/themelib_sap_horizon 1.108.16 → 1.108.18
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/f/themes/sap_horizon/Card.less +7 -13
- package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +40 -13
- package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
- package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +33 -7
- package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
- package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
- package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
- package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
- package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
- package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
- package/src/sap/m/themes/sap_horizon/InputBase.less +12 -6
- package/src/sap/m/themes/sap_horizon/Link.less +25 -19
- package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
- package/src/sap/m/themes/sap_horizon/Panel.less +14 -4
- package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
- package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
- package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
- package/src/sap/m/themes/sap_horizon/Select.less +38 -38
- package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon/TextArea.less +26 -14
- package/src/sap/m/themes/sap_horizon/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon/Token.less +44 -37
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -2
- package/src/sap/m/themes/sap_horizon/library.source.less +2 -0
- package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +12 -6
- package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
- package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +13 -4
- package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
- package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_dark/Select.less +37 -38
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
- package/src/sap/m/themes/sap_horizon_dark/TextArea.less +26 -14
- package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
- package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +8 -2
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
- package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
- package/src/sap/m/themes/sap_horizon_hcb/Panel.less +12 -3
- package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_hcb/Select.less +23 -9
- package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +19 -0
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
- package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
- package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
- package/src/sap/m/themes/sap_horizon_hcw/Panel.less +12 -4
- package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_hcw/Select.less +24 -9
- package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +19 -0
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
- package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +11 -2
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +241 -342
- package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +11 -2
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +241 -342
- package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +5 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +360 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +5 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +360 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +990 -56
- package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +988 -54
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +998 -57
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +992 -51
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -102
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +443 -47
- package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
- package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +442 -38
- package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
/* 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
|
|
|
@@ -83,7 +85,7 @@
|
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
.sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
|
|
86
|
-
fill: @
|
|
88
|
+
fill: @sapUiContentSelectedHoverBackground;
|
|
87
89
|
}
|
|
88
90
|
|
|
89
91
|
.sapMRb:focus:before {
|
|
@@ -141,7 +143,7 @@
|
|
|
141
143
|
.sapMRbWarn.sapMRbSel,
|
|
142
144
|
.sapMRbWarn.sapMRbSel.sapMRbRo {
|
|
143
145
|
.sapMRbBInn {
|
|
144
|
-
fill: @
|
|
146
|
+
fill: @sapUiFieldWarningColor;
|
|
145
147
|
stroke: none;
|
|
146
148
|
}
|
|
147
149
|
}
|
|
@@ -206,9 +208,6 @@
|
|
|
206
208
|
stroke-dasharray: 4,2; // parameter needed for the type of the dashes
|
|
207
209
|
}
|
|
208
210
|
|
|
209
|
-
.sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
|
|
210
|
-
fill: @sapUiContentNonInteractiveIconColor;
|
|
211
|
-
}
|
|
212
211
|
|
|
213
212
|
html[data-sap-ui-browser^="sf"] {
|
|
214
213
|
// fix for blur caused by drop-shadow in Safari
|
|
@@ -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
|
|
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,7 @@
|
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
10
|
@_sap_m_SearchField_Height: 2.75rem;
|
|
11
|
-
@_sap_m_SearchField_FormHeight:
|
|
11
|
+
@_sap_m_SearchField_FormHeight: @sapUiElementHeight;
|
|
12
12
|
@_sap_m_SearchField_ButtonSize: 2.25rem;
|
|
13
13
|
@_sap_m_SearchField_ButtonFontSize: 1rem;
|
|
14
14
|
@_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
|
|
@@ -58,7 +58,6 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
|
|
61
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
62
61
|
background-color: @sapUiFieldHoverBackground;
|
|
63
62
|
}
|
|
64
63
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
/* IconOnly Hover */
|
|
15
15
|
|
|
16
16
|
.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
|
|
17
|
-
background: @
|
|
17
|
+
background: @sapUiFieldHoverBackground;
|
|
18
18
|
border: none;
|
|
19
19
|
|
|
20
20
|
&.sapMSltWithIcon {
|
|
@@ -44,24 +44,22 @@
|
|
|
44
44
|
.sapMSlt {
|
|
45
45
|
font-family: @sapFontFamily;
|
|
46
46
|
font-size: @sapFontSize;
|
|
47
|
-
height:
|
|
47
|
+
height: @sapUiElementHeight;
|
|
48
48
|
border: none;
|
|
49
49
|
background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
|
|
50
50
|
background-size: 100% @sapUiFieldBorderWidth;
|
|
51
51
|
background-repeat: repeat-x;
|
|
52
52
|
background-position: bottom;
|
|
53
|
+
box-shadow: @sapUiFieldShadow;
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
.sapUiSizeCompact .sapMSlt {
|
|
56
|
-
height:
|
|
57
|
+
height: @sapUiElementCompactHeight;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
.sapMSlt > .
|
|
60
|
-
line-height: 2.
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
.sapMSltArrow {
|
|
64
|
-
line-height: 2rem;
|
|
60
|
+
.sapMSlt > .sapMSltArrow {
|
|
61
|
+
line-height: 2.25rem;
|
|
62
|
+
background-color: transparent !important;
|
|
65
63
|
}
|
|
66
64
|
|
|
67
65
|
.sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
|
|
@@ -70,7 +68,7 @@
|
|
|
70
68
|
|
|
71
69
|
.sapMSlt.sapMSltPressed,
|
|
72
70
|
.sapMSltPressed > .sapMSltArrow {
|
|
73
|
-
background: @
|
|
71
|
+
background: @sapUiFieldHoverBackground;
|
|
74
72
|
}
|
|
75
73
|
|
|
76
74
|
html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):before {
|
|
@@ -89,7 +87,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
|
|
|
89
87
|
.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
|
|
90
88
|
background: @sapUiFieldHoverBackground;
|
|
91
89
|
border-color: @sapUiFieldHoverBorderColor;
|
|
92
|
-
box-shadow: @
|
|
90
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
93
91
|
|
|
94
92
|
.sapMSltArrow {
|
|
95
93
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
@@ -129,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
|
|
|
129
127
|
}
|
|
130
128
|
|
|
131
129
|
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
|
|
132
|
-
line-height: 1.
|
|
130
|
+
line-height: 1.625rem;
|
|
133
131
|
}
|
|
134
132
|
|
|
135
133
|
.sapMSltMinWidth {
|
|
@@ -142,7 +140,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
|
|
|
142
140
|
|
|
143
141
|
.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
|
|
144
142
|
border:none;
|
|
145
|
-
box-shadow: @
|
|
143
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
146
144
|
border: none;
|
|
147
145
|
background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
|
|
148
146
|
background-size: 100% @sapUiFieldBorderWidth;
|
|
@@ -152,34 +150,32 @@ div.sapMSltPicker .sapMSltPickerValueState {
|
|
|
152
150
|
|
|
153
151
|
.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
|
|
154
152
|
.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
|
|
155
|
-
|
|
153
|
+
background: @sapUiFieldBackground;
|
|
156
154
|
border: none;
|
|
157
|
-
|
|
155
|
+
&:not(.sapMSltExpanded) {
|
|
156
|
+
box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
|
|
157
|
+
}
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):active {
|
|
161
161
|
border:none;
|
|
162
|
-
box-shadow: inset 0px 0px 0px 2px @sapUiFieldActiveBorderColor;
|
|
163
162
|
}
|
|
164
163
|
|
|
165
164
|
.sapMSltArrow {
|
|
166
|
-
width:
|
|
167
|
-
height:
|
|
168
|
-
margin-top: 2px;
|
|
169
|
-
margin-right: 2px;
|
|
165
|
+
width: 2.25rem;
|
|
166
|
+
height: 2.25rem;
|
|
170
167
|
}
|
|
171
168
|
|
|
172
169
|
.sapUiSizeCompact .sapMSltArrow {
|
|
173
170
|
width: 2rem;
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
margin-right: 2px;
|
|
171
|
+
height: 1.625rem;
|
|
172
|
+
|
|
177
173
|
}
|
|
178
174
|
|
|
179
|
-
.sapMSltPressed >.sapMSltArrow
|
|
175
|
+
.sapMSltPressed >.sapMSltArrow,
|
|
176
|
+
.sapMSlt:hover > .sapMSltArrow {
|
|
180
177
|
background-color: @sapUiButtonActiveBackground;
|
|
181
|
-
|
|
182
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
178
|
+
box-shadow: @sapUiFieldHoverShadow;
|
|
183
179
|
overflow: none;
|
|
184
180
|
border-radius: 0.125rem;
|
|
185
181
|
}
|
|
@@ -202,15 +198,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
202
198
|
background-repeat: repeat-x;
|
|
203
199
|
background-position: bottom;
|
|
204
200
|
background-color: @sapUiFieldInformationBackground;
|
|
201
|
+
box-shadow: @sapUiFieldInformationShadow;
|
|
205
202
|
}
|
|
206
203
|
|
|
207
204
|
.sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
208
205
|
border-color: @sapUiFieldInformationColor;
|
|
209
|
-
box-shadow: @
|
|
206
|
+
box-shadow: @sapUiFieldHoverInformationShadow;
|
|
210
207
|
background-color: @sapUiFieldHoverBackground;
|
|
211
208
|
|
|
212
209
|
&:not(.sapMSltFocused) {
|
|
213
|
-
box-shadow: @
|
|
210
|
+
box-shadow: @sapUiFieldHoverInformationShadow; // NEW Parameter
|
|
214
211
|
}
|
|
215
212
|
}
|
|
216
213
|
|
|
@@ -224,7 +221,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
224
221
|
.sapMSltInformation.sapMSltPressed {
|
|
225
222
|
.sapMSltArrow {
|
|
226
223
|
color: @sapUiButtonSelectedTextColor;
|
|
227
|
-
box-shadow: @
|
|
224
|
+
box-shadow: @sapUiFieldHoverInformationShadow;
|
|
228
225
|
}
|
|
229
226
|
> .sapMSltArrow::before {
|
|
230
227
|
color: inherit;
|
|
@@ -242,15 +239,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
242
239
|
background-repeat: repeat-x;
|
|
243
240
|
background-position: bottom;
|
|
244
241
|
background-color: @sapUiFieldSuccessBackground;
|
|
242
|
+
box-shadow: @sapUiFieldSuccessShadow;
|
|
245
243
|
}
|
|
246
244
|
|
|
247
245
|
.sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
248
246
|
border-color: @sapUiFieldSuccessColor;
|
|
249
|
-
box-shadow: @
|
|
247
|
+
box-shadow: @sapUiFieldHoverSuccessShadow;
|
|
250
248
|
background-color: @sapUiFieldHoverBackground;
|
|
251
249
|
|
|
252
250
|
&:not(.sapMSltFocused) {
|
|
253
|
-
box-shadow: @
|
|
251
|
+
box-shadow: @sapUiFieldHoverSuccessShadow; // New Parameter
|
|
254
252
|
}
|
|
255
253
|
}
|
|
256
254
|
|
|
@@ -266,7 +264,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
266
264
|
.sapMSltSuccess.sapMSltPressed {
|
|
267
265
|
.sapMSltArrow {
|
|
268
266
|
color: @sapUiButtonAcceptSelectedTextColor;
|
|
269
|
-
box-shadow: @
|
|
267
|
+
box-shadow: @sapUiFieldHoverSuccessShadow;
|
|
270
268
|
}
|
|
271
269
|
> .sapMSltArrow::before {
|
|
272
270
|
color: inherit;
|
|
@@ -284,15 +282,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
284
282
|
background-repeat: repeat-x;
|
|
285
283
|
background-position: bottom;
|
|
286
284
|
background-color: @sapUiFieldWarningBackground;
|
|
285
|
+
box-shadow: @sapUiFieldWarningShadow;
|
|
287
286
|
}
|
|
288
287
|
|
|
289
288
|
.sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
290
289
|
border-color: @sapUiFieldWarningColor;
|
|
291
|
-
box-shadow: @
|
|
290
|
+
box-shadow: @sapUiFieldHoverWarningShadow;
|
|
292
291
|
background-color: @sapUiFieldHoverBackground;
|
|
293
292
|
|
|
294
293
|
&:not(.sapMSltFocused) {
|
|
295
|
-
box-shadow: @
|
|
294
|
+
box-shadow: @sapUiFieldHoverWarningShadow; // NEW Parameter
|
|
296
295
|
}
|
|
297
296
|
}
|
|
298
297
|
|
|
@@ -307,7 +306,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
307
306
|
.sapMSltWarning.sapMSltPressed {
|
|
308
307
|
.sapMSltArrow {
|
|
309
308
|
color: @sapUiButtonAttentionSelectedTextColor;
|
|
310
|
-
box-shadow: @
|
|
309
|
+
box-shadow: @sapUiFieldHoverWarningShadow;
|
|
311
310
|
}
|
|
312
311
|
> .sapMSltArrow::before {
|
|
313
312
|
color: inherit;
|
|
@@ -325,15 +324,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
325
324
|
background-repeat: repeat-x;
|
|
326
325
|
background-position: bottom;
|
|
327
326
|
background-color: @sapUiFieldInvalidBackgroundStyle;
|
|
327
|
+
box-shadow: @sapUiFieldInvalidShadow;
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
.sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
331
331
|
border-color: @sapUiFieldInvalidColor;
|
|
332
|
-
box-shadow: @
|
|
332
|
+
box-shadow: @sapUiFieldHoverInvalidShadow;
|
|
333
333
|
background-color: @sapUiFieldHoverBackground;
|
|
334
334
|
|
|
335
335
|
&:not(.sapMSltFocused) {
|
|
336
|
-
box-shadow: @
|
|
336
|
+
box-shadow: @sapUiFieldHoverInvalidShadow; // NEW Parameter
|
|
337
337
|
}
|
|
338
338
|
}
|
|
339
339
|
|
|
@@ -348,7 +348,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
348
348
|
.sapMSltError.sapMSltPressed {
|
|
349
349
|
.sapMSltArrow {
|
|
350
350
|
color: @sapUiFieldInvalidColor;
|
|
351
|
-
box-shadow: @
|
|
351
|
+
box-shadow: @sapUiFieldHoverInvalidShadow;
|
|
352
352
|
}
|
|
353
353
|
> .sapMSltArrow::before {
|
|
354
354
|
color: inherit;
|
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.sapMSliderInner:not(.sapMSliderInnerDisabled)
|
|
45
|
+
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
46
|
+
.sapMSliderHandle:hover {
|
|
46
47
|
&:not(:focus) {
|
|
47
48
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
48
49
|
background: @sapUiSliderHoverHandleBackground;
|
|
@@ -3,9 +3,16 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* =============================== */
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
@
|
|
8
|
-
@
|
|
6
|
+
@_sapMTextAreaPadding: 0.5rem 0.625rem 0.4375rem;
|
|
7
|
+
@_sapMTextAreaPadding_Compact: 0.1875rem 0.5rem 0.125rem;
|
|
8
|
+
@_sapMTextAreaReadonlyPadding: 0.4375rem 0.625rem 0.375rem;
|
|
9
|
+
@_sapMTextAreaReadonlyPadding_Compact: 0.125rem 0.5rem 0.0625rem;
|
|
10
|
+
@_sapMTextAreaValueStateSuccessPadding: 0.5rem 0.625rem 0.4375rem;
|
|
11
|
+
@_sapMTextAreaValueStateSuccessPadding_Compact: 0.1875rem 0.5rem 0.125rem;
|
|
12
|
+
@_sapMTextAreaValueStateInformationPadding: 0.5rem 0.625rem 0.4375rem;
|
|
13
|
+
@_sapMTextAreaValueStateInformationPadding_Compact: 0.1875rem 0.5rem 0.125rem;
|
|
14
|
+
@_sapMTextAreaValueStateErrorWarningPadding: 0.5rem 0.625rem 0.4375rem;
|
|
15
|
+
@_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.1875rem 0.5rem 0.125rem;
|
|
9
16
|
|
|
10
17
|
.sapMInputBase.sapMTextArea {
|
|
11
18
|
min-height: 2.25rem;
|
|
@@ -13,21 +20,26 @@
|
|
|
13
20
|
|
|
14
21
|
/* Text Area General */
|
|
15
22
|
.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
|
|
16
|
-
outline
|
|
17
|
-
outline-width: 2px;
|
|
23
|
+
outline: none;
|
|
18
24
|
}
|
|
19
25
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
outline-color: @sapField_WarningColor;
|
|
26
|
+
.sapMInputBase.sapMTextArea .sapMTextAreaInner {
|
|
27
|
+
line-height: 1.5;
|
|
23
28
|
}
|
|
24
29
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
outline-color: @sapField_InvalidColor;
|
|
30
|
+
.sapMTextAreaMirror {
|
|
31
|
+
line-height: 1.5;
|
|
28
32
|
}
|
|
29
33
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
.sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
|
|
35
|
+
border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.sapMFocus.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
|
|
39
|
+
&::before {
|
|
40
|
+
top: 1px;
|
|
41
|
+
left: 1px;
|
|
42
|
+
right: 1px;
|
|
43
|
+
bottom: 1px;
|
|
44
|
+
}
|
|
33
45
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* ======================================== */
|
|
2
|
+
/* CSS for control sap.m/Title */
|
|
3
|
+
/* Horizon theme */
|
|
4
|
+
/* ======================================== */
|
|
5
|
+
|
|
6
|
+
.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
7
|
+
.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
8
|
+
.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
9
|
+
.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
10
|
+
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
11
|
+
font-family: @sapFontBlackFamily;
|
|
12
|
+
}
|
|
@@ -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
|
|
19
|
+
.sapMTokenSelected,
|
|
18
20
|
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
|
|
19
21
|
background: @sapUiButtonSelectedBackground;
|
|
20
22
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
|
|
21
|
-
border-radius:
|
|
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: @
|
|
26
|
-
border:
|
|
27
|
-
border-radius:
|
|
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: @
|
|
46
|
+
background: @sapUiButtonSelectedHoverBackground;
|
|
33
47
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
|
|
34
|
-
border-radius: @sapUiButtonBorderCornerRadius;
|
|
35
48
|
}
|
|
36
49
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.sapMToken.sapMTokenReadOnly,
|
|
42
|
-
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
|
|
50
|
+
.sapMToken.sapMTokenReadOnly {
|
|
51
|
+
padding: 0.25rem 0.3125rem;
|
|
43
52
|
color: @sapUiContentLabelColor;
|
|
44
|
-
}
|
|
45
53
|
|
|
46
|
-
|
|
47
|
-
|
|
54
|
+
.sapMTokenText {
|
|
55
|
+
line-height: 1rem;
|
|
56
|
+
}
|
|
48
57
|
}
|
|
49
58
|
|
|
50
|
-
html.sap-desktop .sapMToken:focus
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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;
|
|
59
|
+
html.sap-desktop .sapMToken:focus {
|
|
60
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
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
|
|
68
|
-
html.sap-desktop .sapUiSizeCondensed .sapMToken:focus
|
|
69
|
-
|
|
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;
|
|
73
72
|
}
|
|
74
73
|
|
|
75
|
-
html.sap-desktop .sapMToken
|
|
76
|
-
|
|
74
|
+
html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
|
|
75
|
+
outline-width: 1px;
|
|
76
|
+
}
|
|
77
|
+
|
|
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
|
}
|
|
@@ -82,5 +89,4 @@ html.sap-desktop .sapMTokenizer:focus {
|
|
|
82
89
|
.sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
|
|
83
90
|
.sapMTokenizer .sapMTokenizerIndicator {
|
|
84
91
|
color: @sapLinkColor;
|
|
85
|
-
|
|
86
|
-
}
|
|
92
|
+
}
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
@import "ListBase.less";
|
|
45
45
|
@import "ListItemBase.less";
|
|
46
46
|
@import "MenuButton.less";
|
|
47
|
+
@import "MenuListItem.less";
|
|
47
48
|
@import "MessageBox.less";
|
|
48
49
|
@import "MessageStrip.less";
|
|
49
50
|
@import "MessageView.less";
|
|
@@ -101,6 +102,7 @@
|
|
|
101
102
|
@import "Token.less";
|
|
102
103
|
@import "Tokenizer.less";
|
|
103
104
|
@import "Toolbar.less";
|
|
105
|
+
@import "Title.less";
|
|
104
106
|
@import "UploadCollection.less";
|
|
105
107
|
@import "ValueStateHeader.less";
|
|
106
108
|
@import "ValueStateMessage.less";
|
|
@@ -21,9 +21,19 @@
|
|
|
21
21
|
font-size: inherit;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.sapFAvatarFocusable
|
|
25
|
-
outline: none;
|
|
24
|
+
.sapFAvatarFocusable.sapMAvatarPressed {
|
|
26
25
|
box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
|
|
26
|
+
|
|
27
|
+
&:hover {
|
|
28
|
+
box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapFAvatarFocusable:focus {
|
|
33
|
+
outline-offset: .125rem;
|
|
34
|
+
&.sapFAvatarSquare {
|
|
35
|
+
outline-offset: .125rem;
|
|
36
|
+
}
|
|
27
37
|
}
|
|
28
38
|
|
|
29
39
|
.sapFAvatarColorTileIcon {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.sapMCbBgDis
|
|
36
|
+
.sapMCbBgDis {
|
|
37
37
|
opacity: @sapUiContentDisabledOpacity;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -43,13 +43,16 @@
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
|
|
46
|
-
color: @
|
|
46
|
+
color: @sapUiFieldTextColor;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
50
|
-
border: @sapUiFieldBorderWidth
|
|
49
|
+
.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
|
|
50
|
+
border: @sapUiFieldBorderWidth solid @sapUiFieldHoverBorderColor;
|
|
51
51
|
color: @sapUiContentSelectedForegroundColor;
|
|
52
|
-
|
|
52
|
+
background-color: @sapUiContentSelectedHoverBackground;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.sapMCb:hover .sapMCbHoverable {
|
|
53
56
|
background-color: @sapUiFieldHoverBackground;
|
|
54
57
|
}
|
|
55
58
|
|
|
@@ -64,28 +67,18 @@
|
|
|
64
67
|
border-width: 0.1875rem;
|
|
65
68
|
}
|
|
66
69
|
}
|
|
67
|
-
|
|
68
|
-
.sapMCbHoverable:hover {
|
|
69
|
-
box-shadow: @sapUiContentNegativeShadow;
|
|
70
|
-
background-color: @sapUiFieldHoverBackground;
|
|
71
|
-
}
|
|
72
70
|
}
|
|
73
71
|
|
|
74
72
|
.sapMCbWarn {
|
|
75
73
|
.sapMCbBg {
|
|
76
74
|
background-color: @sapUiFieldWarningBackground;
|
|
77
75
|
border: @sapUiFieldWarningBorderWidth solid @sapUiFieldWarningColor;
|
|
78
|
-
color: @
|
|
76
|
+
color: @sapUiFieldWarningColor;
|
|
79
77
|
|
|
80
78
|
&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
|
|
81
79
|
border-width: 0.1875rem;
|
|
82
80
|
}
|
|
83
81
|
}
|
|
84
|
-
|
|
85
|
-
.sapMCbHoverable:hover {
|
|
86
|
-
box-shadow: @sapUiContentCriticalShadow;
|
|
87
|
-
background-color: @sapUiFieldHoverBackground;
|
|
88
|
-
}
|
|
89
82
|
}
|
|
90
83
|
|
|
91
84
|
.sapMCbInfo {
|
|
@@ -98,11 +91,6 @@
|
|
|
98
91
|
border-width: 0.1875rem;
|
|
99
92
|
}
|
|
100
93
|
}
|
|
101
|
-
|
|
102
|
-
.sapMCbHoverable:hover {
|
|
103
|
-
box-shadow: @sapUiContentInformativeShadow;
|
|
104
|
-
background-color: @sapUiFieldHoverBackground;
|
|
105
|
-
}
|
|
106
94
|
}
|
|
107
95
|
|
|
108
96
|
.sapMCbSucc {
|
|
@@ -111,11 +99,6 @@
|
|
|
111
99
|
border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
|
|
112
100
|
color: @sapUiFieldSuccessColor;
|
|
113
101
|
}
|
|
114
|
-
|
|
115
|
-
.sapMCbHoverable:hover {
|
|
116
|
-
box-shadow: @sapUiContentPositiveShadow;
|
|
117
|
-
background-color: @sapUiFieldHoverBackground;
|
|
118
|
-
}
|
|
119
102
|
}
|
|
120
103
|
|
|
121
104
|
.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
@_sap_m_InputBase_InnerMinWidth: 2.75rem;
|
|
11
11
|
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
|
|
12
|
-
@_sap_m_InputBase_Height: 2.25rem;
|
|
13
12
|
@_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
|
|
14
13
|
@_sap_m_InputBase_IconLineHeight: 2.25rem;
|
|
15
14
|
@_sap_m_InputBase_IconWidth: 2.25rem;
|
|
@@ -17,13 +16,9 @@
|
|
|
17
16
|
@_sap_m_InputBase_IconMinWidth: 2rem;
|
|
18
17
|
@_sap_m_InputBaseWrapper_Sum_Border: 0;
|
|
19
18
|
@_sap_m_InputBase_FocusOffset: 0px;
|
|
19
|
+
@_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
|
|
20
20
|
@_sap_m_InputBase_FocusBorderRadius: 0.25rem;
|
|
21
21
|
|
|
22
|
-
.sapMILI-CTX .sapMInputBaseContentWrapperError,
|
|
23
|
-
.sapMInputBaseContentWrapper {
|
|
24
|
-
border: none;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
22
|
.sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
|
|
28
23
|
width: @_sap_m_InputBase_IconWidth;
|
|
29
24
|
height: 2.1875rem;
|
|
@@ -120,4 +115,15 @@
|
|
|
120
115
|
.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
|
|
121
116
|
height: 1.25rem;
|
|
122
117
|
}
|
|
118
|
+
.sapMInputBase {
|
|
119
|
+
line-height: 1.25rem;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/* List specific styles */
|
|
124
|
+
.sapMILI-CTX .sapMInputBaseContentWrapper,
|
|
125
|
+
.sapMILI-CTX .sapMInputBaseInner,
|
|
126
|
+
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
|
|
127
|
+
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
|
|
128
|
+
text-align: right;
|
|
123
129
|
}
|