@openui5/themelib_sap_horizon 1.122.1 → 1.123.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.
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/ShellBar.less +13 -4
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +11 -3
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +8 -4
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +6 -3
- package/src/sap/m/themes/sap_horizon/ActionTile.less +10 -0
- package/src/sap/m/themes/sap_horizon/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon/ListItemBase.less +0 -6
- package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +10 -0
- package/src/sap/m/themes/sap_horizon/RadioButton.less +7 -4
- package/src/sap/m/themes/sap_horizon/Select.less +2 -2
- package/src/sap/m/themes/sap_horizon/Slider.less +4 -3
- package/src/sap/m/themes/sap_horizon/SplitButton.less +87 -3
- package/src/sap/m/themes/sap_horizon/library.source.less +0 -1
- package/src/sap/m/themes/sap_horizon_dark/ActionTile.less +10 -0
- package/src/sap/m/themes/sap_horizon_dark/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +0 -6
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +10 -0
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +7 -4
- package/src/sap/m/themes/sap_horizon_dark/Select.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
- package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +87 -3
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +10 -0
- package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/Select.less +10 -5
- package/src/sap/m/themes/sap_horizon_hcb/Slider.less +18 -17
- package/src/sap/m/themes/sap_horizon_hcb/SplitButton.less +8 -19
- package/src/sap/m/themes/sap_horizon_hcw/ColumnListItem.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +10 -0
- package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/Select.less +10 -5
- package/src/sap/m/themes/sap_horizon_hcw/Slider.less +21 -23
- package/src/sap/m/themes/sap_horizon_hcw/SplitButton.less +8 -19
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +1 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +0 -5
- package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +0 -5
- package/src/sap/ui/integration/themes/sap_horizon_hcb/ListContentItem.less +6 -0
- package/src/sap/ui/integration/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/ui/integration/themes/sap_horizon_hcw/ListContentItem.less +6 -0
- package/src/sap/ui/integration/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +7 -3
- package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +7 -3
- package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +7 -3
- package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +7 -3
- package/src/sap/ui/unified/themes/sap_horizon/Menu.less +5 -87
- package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +6 -77
- package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +0 -7
- package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +0 -7
- package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +8 -3
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +1 -1
- package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +8 -3
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +1 -1
- package/src/sap/m/themes/sap_horizon/MenuListItem.less +0 -13
- package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +0 -13
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
.sapMSB .sapMSBArrow .sapMBtnIcon {
|
|
37
37
|
font-size: 1rem;
|
|
38
|
+
line-height: 2.125rem;
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
.sapMSB .sapMSBArrow .sapMBtnInner,
|
|
@@ -55,6 +56,14 @@
|
|
|
55
56
|
padding: 0;
|
|
56
57
|
background-color: @sapUiButtonBackground;
|
|
57
58
|
border-radius: 0.5rem;
|
|
59
|
+
border: 0.0625rem solid @sapUiButtonBorderColor;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.sapMSB .sapMSBText .sapMBtnInner {
|
|
63
|
+
height: 2.125rem;
|
|
64
|
+
border-top: none;
|
|
65
|
+
border-bottom: none;
|
|
66
|
+
border-left: none;
|
|
58
67
|
}
|
|
59
68
|
|
|
60
69
|
.sapUiSizeCompact {
|
|
@@ -68,40 +77,98 @@
|
|
|
68
77
|
|
|
69
78
|
.sapMSB.sapMSBEmphasized .sapMSBText {
|
|
70
79
|
background-color: @sapUiButtonEmphasizedBackground;
|
|
80
|
+
border-color: @sapUiButtonEmphasizedBorderColor;
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
.sapMSB.sapMSBAccept .sapMSBText {
|
|
74
84
|
background-color: @sapUiButtonAcceptBackground;
|
|
85
|
+
border-color: @sapUiButtonAcceptBorderColor;
|
|
75
86
|
}
|
|
76
87
|
|
|
77
88
|
.sapMSB.sapMSBReject .sapMSBText {
|
|
78
89
|
background-color: @sapUiButtonRejectBackground;
|
|
90
|
+
border-color: @sapUiButtonRejectBorderColor;
|
|
79
91
|
}
|
|
80
92
|
|
|
81
93
|
.sapMSB.sapMSBSuccess .sapMSBText {
|
|
82
94
|
background-color: @sapUiButtonSuccessBackground;
|
|
95
|
+
border-color: @sapUiButtonSuccessBorderColor;
|
|
83
96
|
}
|
|
84
97
|
|
|
85
98
|
.sapMSB.sapMSBNegative .sapMSBText {
|
|
86
99
|
background-color: @sapUiButtonNegativeBackground;
|
|
100
|
+
border-color: @sapUiButtonNegativeBorderColor;
|
|
87
101
|
}
|
|
88
102
|
|
|
89
103
|
.sapMSB.sapMSBCritical .sapMSBText {
|
|
90
104
|
background-color: @sapUiButtonCriticalBackground;
|
|
105
|
+
border-color: @sapUiButtonCriticalBorderColor;
|
|
91
106
|
}
|
|
92
107
|
|
|
93
108
|
.sapMSB.sapMSBNeutral .sapMSBText {
|
|
94
109
|
background-color: @sapUiButtonNeutralBackground;
|
|
110
|
+
border-color: @sapUiButtonNeutralBorderColor;
|
|
95
111
|
}
|
|
96
112
|
|
|
97
113
|
.sapMSB.sapMSBAttention .sapMSBText {
|
|
98
114
|
background-color: @sapUiButtonAttentionBackground;
|
|
115
|
+
border-color: @sapUiButtonAttentionBorderColor;
|
|
99
116
|
}
|
|
100
117
|
|
|
101
118
|
.sapMSB.sapMSBTransparent .sapMSBText {
|
|
102
119
|
background-color: transparent;
|
|
103
120
|
}
|
|
104
121
|
|
|
122
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
123
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
124
|
+
border-color: @sapUiButtonEmphasizedBorderColor;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
128
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
129
|
+
border-color: @sapUiButtonAcceptBorderColor;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
133
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
134
|
+
border-color: @sapUiButtonRejectBorderColor;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
138
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
139
|
+
border-color: @sapUiButtonSuccessBorderColor;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
143
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
144
|
+
border-color: @sapUiButtonNegativeBorderColor;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
148
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
149
|
+
border-color: @sapUiButtonCriticalBorderColor;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
153
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
154
|
+
border-color: @sapUiButtonNeutralBorderColor;
|
|
155
|
+
border-top-left-radius: 0.5rem;
|
|
156
|
+
border-bottom-left-radius: 0.5rem;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
160
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
161
|
+
border-color: @sapUiButtonAttentionBorderColor;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
|
|
165
|
+
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
166
|
+
border-color: @sapUiButtonBorderColor;
|
|
167
|
+
border-top-left-radius: 0.5rem;
|
|
168
|
+
border-bottom-left-radius: 0.5rem;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.sapMFooter-CTX .sapMMenuBtnSplit,
|
|
105
172
|
.sapMMenuBtnSplit {
|
|
106
173
|
.sapMBtnInner,
|
|
107
174
|
span.sapMBtnInner.sapMBtnAccept,
|
|
@@ -111,6 +178,20 @@
|
|
|
111
178
|
}
|
|
112
179
|
}
|
|
113
180
|
|
|
181
|
+
.sapMBtn.sapMSBArrow > .sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
182
|
+
border-color: @sapUiButtonBorderColor;
|
|
183
|
+
border-left-color: transparent;
|
|
184
|
+
border-top-left-radius: 0;
|
|
185
|
+
border-bottom-left-radius: 0;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.sapMBtn.sapMSBArrow > .sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
|
|
189
|
+
border-color: @sapUiButtonNeutralBorderColor;
|
|
190
|
+
border-left-color: transparent;
|
|
191
|
+
border-top-left-radius: 0;
|
|
192
|
+
border-bottom-left-radius: 0;
|
|
193
|
+
}
|
|
194
|
+
|
|
114
195
|
.sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
115
196
|
content: "";
|
|
116
197
|
position: absolute;
|
|
@@ -178,7 +259,7 @@
|
|
|
178
259
|
border-color: @sapUiContentContrastFocusColor;
|
|
179
260
|
}
|
|
180
261
|
|
|
181
|
-
.sapMSB .sapMSBText:not(.sapMBtnDisabled)
|
|
262
|
+
.sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
|
|
182
263
|
margin-right: 2.25rem;
|
|
183
264
|
}
|
|
184
265
|
|
|
@@ -202,7 +283,7 @@
|
|
|
202
283
|
}
|
|
203
284
|
|
|
204
285
|
.sapUiSizeCompact .sapMSB {
|
|
205
|
-
.sapMSBText:not(.sapMBtnDisabled)
|
|
286
|
+
.sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
|
|
206
287
|
margin-right: 2rem;
|
|
207
288
|
}
|
|
208
289
|
|
|
@@ -228,11 +309,14 @@
|
|
|
228
309
|
left: 0;
|
|
229
310
|
padding-right: 0;
|
|
230
311
|
}
|
|
231
|
-
|
|
312
|
+
|
|
232
313
|
.sapMBtnContent {
|
|
233
314
|
top: 0;
|
|
234
315
|
}
|
|
235
316
|
}
|
|
317
|
+
.sapMSB .sapMSBText .sapMBtnInner {
|
|
318
|
+
height: 1.5rem;
|
|
319
|
+
}
|
|
236
320
|
}
|
|
237
321
|
|
|
238
322
|
.sapMMenuBtn .sapMBtnDisabled {
|
|
@@ -29,6 +29,16 @@
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
.sapMPI.sapMPINoValue {
|
|
33
|
+
padding-top: 0.3125rem;
|
|
34
|
+
padding-bottom: 0.6875rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
|
|
38
|
+
height: 1rem;
|
|
39
|
+
margin: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
32
42
|
.sapMPIValueMax .sapMPIBarRemaining {
|
|
33
43
|
display: flex;
|
|
34
44
|
}
|
|
@@ -22,11 +22,7 @@
|
|
|
22
22
|
/* arrow styles*/
|
|
23
23
|
|
|
24
24
|
.sapMSlt > .sapMSltArrow {
|
|
25
|
-
line-height: 2.
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
|
|
29
|
-
line-height: 1.625rem;
|
|
25
|
+
line-height: 2.125rem;
|
|
30
26
|
}
|
|
31
27
|
|
|
32
28
|
.sapMSltArrow {
|
|
@@ -98,6 +94,15 @@ html[data-sap-ui-browser^="ff"] .sapMBar .sapMSlt.sapMSltFocused {
|
|
|
98
94
|
border-color: @sapUiFieldWarningColor;
|
|
99
95
|
}
|
|
100
96
|
|
|
97
|
+
.sapMSltLabelState, .sapMSltArrowState {
|
|
98
|
+
line-height: initial;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.sapUiSizeCompact .sapMSltLabelState,
|
|
102
|
+
.sapUiSizeCompact .sapMSltArrowState {
|
|
103
|
+
line-height: initial;
|
|
104
|
+
}
|
|
105
|
+
|
|
101
106
|
/* disabled */
|
|
102
107
|
|
|
103
108
|
.sapMSltDisabled {
|
|
@@ -3,29 +3,27 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
+
@_sap_m_Slider_Height: 2.75rem;
|
|
7
|
+
@_sap_m_Slider_Progress: .25rem;
|
|
8
|
+
@_sap_m_Slider_Progress_Border: 0.0625rem;
|
|
9
|
+
|
|
6
10
|
.sapMSliderInner {
|
|
7
11
|
background: @sapUiSliderBackground;
|
|
8
|
-
border:
|
|
12
|
+
border: @_sap_m_Slider_Progress_Border solid @sapUiSliderBorderColor;
|
|
9
13
|
box-sizing: border-box;
|
|
10
|
-
height: .25rem;
|
|
11
14
|
}
|
|
12
15
|
|
|
13
16
|
.sapMSliderProgress {
|
|
14
17
|
background: @sapUiSliderSelectedBackground;
|
|
15
|
-
border
|
|
18
|
+
border: @_sap_m_Slider_Progress_Border solid @sapUiSliderSelectedBorderColor;
|
|
19
|
+
box-sizing: content-box;
|
|
20
|
+
margin-top: -1px;
|
|
21
|
+
margin-left: -1px;
|
|
22
|
+
|
|
16
23
|
&:before {
|
|
17
24
|
content: none;
|
|
18
25
|
transform: none;
|
|
19
26
|
}
|
|
20
|
-
height: .25rem;
|
|
21
|
-
border: 0.0625rem solid @sapSlider_Selected_BorderColor;
|
|
22
|
-
top: -.125rem;
|
|
23
|
-
margin: 0 -1px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.sapMSliderProgressWithTickmarks {
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
top: -.0625rem;
|
|
29
27
|
}
|
|
30
28
|
|
|
31
29
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
@@ -131,7 +129,7 @@
|
|
|
131
129
|
width: 0.5rem;
|
|
132
130
|
height: 0.5rem;
|
|
133
131
|
left: -0.875rem;
|
|
134
|
-
top: -0.
|
|
132
|
+
top: calc(50% ~"-" 0.25rem);
|
|
135
133
|
}
|
|
136
134
|
|
|
137
135
|
.sapMSlider::after {
|
|
@@ -144,7 +142,7 @@
|
|
|
144
142
|
width: 0.5rem;
|
|
145
143
|
height: 0.5rem;
|
|
146
144
|
right: 0.125rem;
|
|
147
|
-
top:
|
|
145
|
+
top: calc(50% ~"-" 0.25rem);
|
|
148
146
|
}
|
|
149
147
|
|
|
150
148
|
/* pressed */
|
|
@@ -161,13 +159,16 @@
|
|
|
161
159
|
margin: 0;
|
|
162
160
|
}
|
|
163
161
|
|
|
162
|
+
.sapMSliderTickmarks {
|
|
163
|
+
top: -0.4375rem;
|
|
164
|
+
}
|
|
165
|
+
|
|
164
166
|
.sapMSlider::after {
|
|
165
|
-
|
|
166
|
-
right: 0.375rem;
|
|
167
|
+
right: .125rem;
|
|
167
168
|
}
|
|
168
169
|
|
|
169
170
|
.sapMSliderInner::before {
|
|
170
|
-
left: -0.
|
|
171
|
+
left: -0.8125rem;
|
|
171
172
|
}
|
|
172
173
|
|
|
173
174
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
@@ -4,29 +4,18 @@
|
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
|
|
7
|
-
top: 0.
|
|
8
|
-
bottom: 0.
|
|
9
|
-
left: 0;
|
|
10
|
-
right: 0;
|
|
7
|
+
top: 0.375rem;
|
|
8
|
+
bottom: 0.375rem;
|
|
9
|
+
left: 0.125rem;
|
|
10
|
+
right: 0.125rem;
|
|
11
11
|
border: 0.125rem dotted @sapUiContentFocusColor;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
.sapMSB:focus .sapMBtnInner {
|
|
15
|
-
border-color: @sapUiButtonBackground;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.sapMSB:focus .sapMSBText .sapMBtnInner {
|
|
19
|
-
border-right-color: @sapUiContentFocusColor;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.sapMSB:focus .sapMSBArrow .sapMBtnInner {
|
|
23
|
-
border-left-color: @sapUiContentFocusColor;
|
|
12
|
+
border-radius: 0.35rem
|
|
24
13
|
}
|
|
25
14
|
|
|
26
15
|
.sapUiSizeCompact {
|
|
27
|
-
.sapMSB:focus .sapMSBInner::after {
|
|
28
|
-
top: 0.
|
|
29
|
-
bottom: 0.
|
|
16
|
+
.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
|
|
17
|
+
top: 0.3125rem;
|
|
18
|
+
bottom: 0.3125rem;
|
|
30
19
|
}
|
|
31
20
|
}
|
|
32
21
|
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
// hence adding the selection indicator box-shadow to the <td> element
|
|
26
26
|
html[data-sap-ui-browser^="sf"] .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected > td,
|
|
27
27
|
html[data-sap-ui-browser^="sf"] .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow > td {
|
|
28
|
-
box-shadow: inset 0px -
|
|
28
|
+
box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
|
|
29
29
|
}
|
|
@@ -29,6 +29,16 @@
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
.sapMPI.sapMPINoValue {
|
|
33
|
+
padding-top: 0.3125rem;
|
|
34
|
+
padding-bottom: 0.6875rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
|
|
38
|
+
height: 1rem;
|
|
39
|
+
margin: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
32
42
|
.sapMPIValueMax .sapMPIBarRemaining {
|
|
33
43
|
display: flex;
|
|
34
44
|
}
|
|
@@ -22,11 +22,7 @@
|
|
|
22
22
|
/* arrow styles */
|
|
23
23
|
|
|
24
24
|
.sapMSlt > .sapMSltArrow {
|
|
25
|
-
line-height: 2.
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
|
|
29
|
-
line-height: 1.625rem;
|
|
25
|
+
line-height: 2.125rem;
|
|
30
26
|
}
|
|
31
27
|
|
|
32
28
|
.sapMSltArrow {
|
|
@@ -99,6 +95,15 @@ html[data-sap-ui-browser^="ff"] .sapMBar .sapMSlt.sapMSltFocused {
|
|
|
99
95
|
border-color: @sapUiFieldWarningColor;
|
|
100
96
|
}
|
|
101
97
|
|
|
98
|
+
.sapMSltLabelState, .sapMSltArrowState {
|
|
99
|
+
line-height: initial;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.sapUiSizeCompact .sapMSltLabelState,
|
|
103
|
+
.sapUiSizeCompact .sapMSltArrowState {
|
|
104
|
+
line-height: initial;
|
|
105
|
+
}
|
|
106
|
+
|
|
102
107
|
/* disabled */
|
|
103
108
|
|
|
104
109
|
.sapMSltDisabled {
|
|
@@ -3,27 +3,27 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
+
@_sap_m_Slider_Height: 2.75rem;
|
|
7
|
+
@_sap_m_Slider_Progress: .25rem;
|
|
8
|
+
@_sap_m_Slider_Progress_Border: 0.0625rem;
|
|
9
|
+
|
|
6
10
|
.sapMSliderInner {
|
|
7
11
|
background: @sapUiSliderBackground;
|
|
8
|
-
border:
|
|
12
|
+
border: @_sap_m_Slider_Progress_Border solid @sapUiSliderBorderColor;
|
|
13
|
+
box-sizing: border-box;
|
|
9
14
|
}
|
|
10
15
|
|
|
11
16
|
.sapMSliderProgress {
|
|
12
17
|
background: @sapUiSliderSelectedBackground;
|
|
13
|
-
border
|
|
18
|
+
border: @_sap_m_Slider_Progress_Border solid @sapUiSliderSelectedBorderColor;
|
|
19
|
+
box-sizing: content-box;
|
|
20
|
+
margin-top: -0.0625rem;
|
|
21
|
+
margin-left: -0.0625rem;
|
|
22
|
+
|
|
14
23
|
&:before {
|
|
15
24
|
content: none;
|
|
16
25
|
transform: none;
|
|
17
26
|
}
|
|
18
|
-
height: .25rem;
|
|
19
|
-
border: 0.0625rem solid @sapSlider_Selected_BorderColor;
|
|
20
|
-
top: -.125rem;
|
|
21
|
-
margin: 0 -1px;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.sapMSliderProgressWithTickmarks {
|
|
25
|
-
box-sizing: border-box;
|
|
26
|
-
top: -.0625rem;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
@@ -93,6 +93,7 @@
|
|
|
93
93
|
|
|
94
94
|
.sapMSliderTickmarks {
|
|
95
95
|
display: flex;
|
|
96
|
+
box-sizing: border-box;
|
|
96
97
|
align-items: center;
|
|
97
98
|
top: -0.8125rem;
|
|
98
99
|
}
|
|
@@ -128,26 +129,20 @@
|
|
|
128
129
|
width: 0.5rem;
|
|
129
130
|
height: 0.5rem;
|
|
130
131
|
left: -0.875rem;
|
|
131
|
-
top: -0.
|
|
132
|
+
top: calc(50% ~"-" 0.25rem);
|
|
132
133
|
}
|
|
133
134
|
|
|
134
135
|
.sapMSlider::after {
|
|
135
136
|
content: "";
|
|
136
137
|
position: absolute;
|
|
137
|
-
background-color: @sapUiContentMeasureIndicatorColor;
|
|
138
138
|
box-sizing: border-box;
|
|
139
139
|
border: 0.0625rem solid @sapUiContentMeasureIndicatorColor;
|
|
140
|
+
background-color: @sapUiContentMeasureIndicatorColor;
|
|
140
141
|
border-radius: 50%;
|
|
141
142
|
width: 0.5rem;
|
|
142
143
|
height: 0.5rem;
|
|
143
144
|
right: 0.125rem;
|
|
144
|
-
top:
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.sapMSliderInner {
|
|
148
|
-
z-index: 2;
|
|
149
|
-
box-sizing: border-box;
|
|
150
|
-
height: .25rem;
|
|
145
|
+
top: calc(50% ~"-" 0.25rem);
|
|
151
146
|
}
|
|
152
147
|
|
|
153
148
|
/* pressed */
|
|
@@ -164,13 +159,16 @@
|
|
|
164
159
|
margin: 0;
|
|
165
160
|
}
|
|
166
161
|
|
|
162
|
+
.sapMSliderTickmarks {
|
|
163
|
+
top: -0.4375rem;
|
|
164
|
+
}
|
|
165
|
+
|
|
167
166
|
.sapMSlider::after {
|
|
168
|
-
|
|
169
|
-
right: 0.375rem;
|
|
167
|
+
right: .125rem;
|
|
170
168
|
}
|
|
171
169
|
|
|
172
170
|
.sapMSliderInner::before {
|
|
173
|
-
left: -0.
|
|
171
|
+
left: -0.8125rem;
|
|
174
172
|
}
|
|
175
173
|
|
|
176
174
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
@@ -4,29 +4,18 @@
|
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
|
|
7
|
-
top: 0.
|
|
8
|
-
bottom: 0.
|
|
9
|
-
left: 0;
|
|
10
|
-
right: 0;
|
|
7
|
+
top: 0.375rem;
|
|
8
|
+
bottom: 0.375rem;
|
|
9
|
+
left: 0.125rem;
|
|
10
|
+
right: 0.125rem;
|
|
11
11
|
border: 0.125rem dotted @sapUiContentFocusColor;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
.sapMSB:focus .sapMBtnInner {
|
|
15
|
-
border-color: @sapUiButtonBackground;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.sapMSB:focus .sapMSBText .sapMBtnInner {
|
|
19
|
-
border-right-color: @sapUiContentFocusColor;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.sapMSB:focus .sapMSBArrow .sapMBtnInner {
|
|
23
|
-
border-left-color: @sapUiContentFocusColor;
|
|
12
|
+
border-radius: 0.35rem
|
|
24
13
|
}
|
|
25
14
|
|
|
26
15
|
.sapUiSizeCompact {
|
|
27
|
-
.sapMSB:focus .sapMSBInner::after {
|
|
28
|
-
top: 0.
|
|
29
|
-
bottom: 0.
|
|
16
|
+
.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
|
|
17
|
+
top: 0.3125rem;
|
|
18
|
+
bottom: 0.3125rem;
|
|
30
19
|
}
|
|
31
20
|
}
|
|
32
21
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
13
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
14
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
13
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
14
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
19
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
20
20
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
19
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
20
20
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.123.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.123.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.123.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.123.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|