@openui5/themelib_sap_horizon 1.139.0 → 1.141.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/THIRDPARTY.txt +2 -2
- package/package.json +18 -18
- package/src/sap/m/themes/sap_horizon/ActionSelect.less +4 -0
- package/src/sap/m/themes/sap_horizon/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon/CheckBox.less +13 -2
- package/src/sap/m/themes/sap_horizon/CustomTile.less +4 -0
- package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon/MessagePage.less +4 -0
- package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon/StandardTile.less +4 -0
- package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon/TileContainer.less +4 -0
- package/src/sap/m/themes/sap_horizon/UploadCollection.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/ActionSelect.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +13 -2
- package/src/sap/m/themes/sap_horizon_dark/CustomTile.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/MessagePage.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/StandardTile.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/UploadCollection.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/ActionSelect.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +13 -2
- package/src/sap/m/themes/sap_horizon_hcb/CustomTile.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/MessagePage.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +16 -0
- package/src/sap/m/themes/sap_horizon_hcb/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcb/Tile.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/TileContainer.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/UploadCollection.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/ActionSelect.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +13 -2
- package/src/sap/m/themes/sap_horizon_hcw/CustomTile.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/MessagePage.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcw/Tile.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/TileContainer.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/UploadCollection.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +33 -17
- 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/global.less +5 -0
- package/src/sap/ui/core/themes/sap_horizon/library.source.less +0 -2
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +21 -5
- 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_dark/global.less +5 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +0 -2
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +21 -5
- 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_hcb/global.less +5 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/library.source.less +1 -3
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +21 -5
- 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/core/themes/sap_horizon_hcw/global.less +5 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/library.source.less +0 -2
- package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon/GridLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon/ResponsiveLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon_dark/GridLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_dark/ResponsiveLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
- package/src/sap/ui/layout/themes/sap_horizon_hcb/GridLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_hcb/ResponsiveLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
- package/src/sap/ui/layout/themes/sap_horizon_hcw/GridLayout.less +4 -0
- package/src/sap/ui/layout/themes/sap_horizon_hcw/ResponsiveLayout.less +4 -0
- package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
- package/src/sap/ui/unified/themes/sap_horizon/ShellHeader.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon/ShellLayout.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon/ShellOverlay.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_dark/ShellHeader.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_dark/ShellLayout.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_dark/ShellOverlay.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellHeader.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellLayout.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellOverlay.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellHeader.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellLayout.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellOverlay.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon/BrowserScrollbar.less +0 -11
- package/src/sap/ui/core/themes/sap_horizon_dark/BrowserScrollbar.less +0 -11
- package/src/sap/ui/core/themes/sap_horizon_hcb/BrowserScrollbar.less +0 -11
- package/src/sap/ui/core/themes/sap_horizon_hcw/BrowserScrollbar.less +0 -11
package/THIRDPARTY.txt
CHANGED
|
@@ -379,7 +379,7 @@ License: MIT
|
|
|
379
379
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
|
|
380
380
|
Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
|
|
381
381
|
|
|
382
|
-
Component: Markdown-it, version:
|
|
382
|
+
Component: Markdown-it, version: 14.1.0
|
|
383
383
|
Copyright: 2014 Vitaly Puzrin, Alex Kocharin
|
|
384
384
|
License: MIT
|
|
385
385
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
|
|
@@ -444,7 +444,7 @@ License: Apache-2.0
|
|
|
444
444
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
445
445
|
Contained in: lib/jsdoc/ui5/plugin.js
|
|
446
446
|
|
|
447
|
-
Component: SAP Theming Base Content, version: 11.
|
|
447
|
+
Component: SAP Theming Base Content, version: 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
|
|
448
448
|
Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
|
|
449
449
|
License: Apache-2.0
|
|
450
450
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.141.0",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_horizon",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
"url": "https://github.com/UI5/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.
|
|
18
|
-
"@openui5/sap.m": "1.
|
|
19
|
-
"@openui5/sap.tnt": "1.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.
|
|
22
|
-
"@openui5/sap.ui.core": "1.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.
|
|
30
|
-
"@openui5/sap.ui.table": "1.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.
|
|
33
|
-
"@openui5/sap.uxap": "1.
|
|
17
|
+
"@openui5/sap.f": "1.141.0",
|
|
18
|
+
"@openui5/sap.m": "1.141.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.141.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.141.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.141.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.141.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.141.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.141.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.141.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.141.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.141.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.141.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.141.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.141.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.141.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.141.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.141.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
/* ------------------- */
|
|
36
36
|
/* Button Icon */
|
|
37
37
|
/* ------------------- */
|
|
38
|
-
.sapMBtnIcon {
|
|
38
|
+
.sapMBtnIcon.sapUiIcon {
|
|
39
39
|
width: 2.125rem;
|
|
40
40
|
font-size: 1rem;
|
|
41
41
|
line-height: 2.125rem;
|
|
@@ -137,24 +137,6 @@
|
|
|
137
137
|
/* Custom focus border: */
|
|
138
138
|
/* ---------------------------------------------------------------------*/
|
|
139
139
|
|
|
140
|
-
.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
|
|
141
|
-
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
|
|
142
|
-
border-color: var(--sapContent_FocusColor);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
// Value State Message buttons
|
|
146
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
147
|
-
border-color: var(--sapButton_Critical_BorderColor);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
151
|
-
border-color: var(--sapButton_Negative_BorderColor);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
155
|
-
border-color: var(--sapButton_Success_BorderColor);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
140
|
.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
|
|
159
141
|
html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
|
|
160
142
|
content: '';
|
|
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
|
|
|
189
171
|
text-shadow: var(--sapContent_TextShadow);
|
|
190
172
|
}
|
|
191
173
|
|
|
174
|
+
// Value State Message buttons
|
|
175
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
176
|
+
border-color: var(--sapButton_Critical_BorderColor);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
180
|
+
border-color: var(--sapButton_Negative_BorderColor);
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
184
|
+
border-color: var(--sapButton_Success_BorderColor);
|
|
185
|
+
}
|
|
186
|
+
|
|
192
187
|
.sapMBtn {
|
|
193
188
|
.sapMBtnCritical,
|
|
194
189
|
.sapMBtnNegative,
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
113
|
-
top: -0.
|
|
113
|
+
top: -0.1075rem;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
|
|
151
151
|
inset: 0.3125rem;
|
|
152
152
|
position: absolute;
|
|
153
|
-
border-radius:
|
|
153
|
+
border-radius: 0.5rem;
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
.sapMCb.sapMCbHasLabel {
|
|
@@ -224,6 +224,17 @@
|
|
|
224
224
|
left: 0.5625rem;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
.sapMCb:focus::before {
|
|
228
|
+
inset: 0.125rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
232
|
+
top: 0.125rem;
|
|
233
|
+
left: 0.125rem;
|
|
234
|
+
bottom: 0.125rem;
|
|
235
|
+
right: 0;
|
|
236
|
+
}
|
|
237
|
+
|
|
227
238
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
228
239
|
.sapUiForm {
|
|
229
240
|
|
|
@@ -84,7 +84,8 @@
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
&.sapMInputBaseReadonlyWrapper {
|
|
87
|
-
background: var(--
|
|
87
|
+
background: var(--sapField_ReadOnly_BackgroundStyle);
|
|
88
|
+
background-color: var(--sapField_ReadOnly_Background);
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
&.sapMInputBaseContentWrapperSuccess::before {
|
|
@@ -325,7 +325,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
325
325
|
background-size: 100% var(--sapField_InvalidBorderWidth);
|
|
326
326
|
background-repeat: repeat-x;
|
|
327
327
|
background-position: bottom;
|
|
328
|
-
background-color: var(--
|
|
328
|
+
background-color: var(--sapField_InvalidBackground);
|
|
329
329
|
box-shadow: var(--sapField_InvalidShadow);
|
|
330
330
|
}
|
|
331
331
|
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
/* ------------------- */
|
|
36
36
|
/* Button Icon */
|
|
37
37
|
/* ------------------- */
|
|
38
|
-
.sapMBtnIcon {
|
|
38
|
+
.sapMBtnIcon.sapUiIcon {
|
|
39
39
|
width: 2.125rem;
|
|
40
40
|
font-size: 1rem;
|
|
41
41
|
line-height: 2.125rem;
|
|
@@ -137,24 +137,6 @@
|
|
|
137
137
|
/* Custom focus border: */
|
|
138
138
|
/* ---------------------------------------------------------------------*/
|
|
139
139
|
|
|
140
|
-
.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
|
|
141
|
-
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
|
|
142
|
-
border-color: var(--sapContent_FocusColor);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
// Value State Message buttons
|
|
146
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
147
|
-
border-color: var(--sapButton_Critical_BorderColor);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
151
|
-
border-color: var(--sapButton_Negative_BorderColor);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
155
|
-
border-color: var(--sapButton_Success_BorderColor);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
140
|
.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
|
|
159
141
|
html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
|
|
160
142
|
content: '';
|
|
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
|
|
|
189
171
|
text-shadow: var(--sapContent_TextShadow);
|
|
190
172
|
}
|
|
191
173
|
|
|
174
|
+
// Value State Message buttons
|
|
175
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
176
|
+
border-color: var(--sapButton_Critical_BorderColor);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
180
|
+
border-color: var(--sapButton_Negative_BorderColor);
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
184
|
+
border-color: var(--sapButton_Success_BorderColor);
|
|
185
|
+
}
|
|
186
|
+
|
|
192
187
|
.sapMBtn {
|
|
193
188
|
.sapMBtnCritical,
|
|
194
189
|
.sapMBtnNegative,
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
113
|
-
top: -0.
|
|
113
|
+
top: -0.1075rem;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
|
|
151
151
|
inset: 0.3125rem;
|
|
152
152
|
position: absolute;
|
|
153
|
-
border-radius:
|
|
153
|
+
border-radius: 0.5rem;
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
.sapMCb.sapMCbHasLabel {
|
|
@@ -224,6 +224,17 @@
|
|
|
224
224
|
left: 0.5625rem;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
.sapMCb:focus::before {
|
|
228
|
+
inset: 0.125rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
232
|
+
top: 0.125rem;
|
|
233
|
+
left: 0.125rem;
|
|
234
|
+
bottom: 0.125rem;
|
|
235
|
+
right: 0;
|
|
236
|
+
}
|
|
237
|
+
|
|
227
238
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
228
239
|
.sapUiForm {
|
|
229
240
|
|
|
@@ -85,7 +85,8 @@
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
&.sapMInputBaseReadonlyWrapper {
|
|
88
|
-
background: var(--
|
|
88
|
+
background: var(--sapField_ReadOnly_BackgroundStyle);
|
|
89
|
+
background-color: var(--sapField_ReadOnly_Background);
|
|
89
90
|
}
|
|
90
91
|
|
|
91
92
|
&.sapMInputBaseContentWrapperSuccess::before {
|
|
@@ -327,7 +327,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
327
327
|
background-size: 100% var(--sapField_InvalidBorderWidth);
|
|
328
328
|
background-repeat: repeat-x;
|
|
329
329
|
background-position: bottom;
|
|
330
|
-
background-color: var(--
|
|
330
|
+
background-color: var(--sapField_InvalidBackground);
|
|
331
331
|
box-shadow: var(--sapField_InvalidShadow);
|
|
332
332
|
}
|
|
333
333
|
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
121
|
-
top: -0.
|
|
121
|
+
top: -0.1075rem;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
bottom: 0.3125rem;
|
|
174
174
|
right: 0;
|
|
175
175
|
position: absolute;
|
|
176
|
-
border-radius:
|
|
176
|
+
border-radius: var(--sapField_BorderCornerRadius);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
@@ -235,6 +235,17 @@
|
|
|
235
235
|
left: 0.5625rem;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
+
.sapMCb:focus::before {
|
|
239
|
+
inset: 0.125rem;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
243
|
+
top: 0.125rem;
|
|
244
|
+
left: 0.125rem;
|
|
245
|
+
bottom: 0.125rem;
|
|
246
|
+
right: 0;
|
|
247
|
+
}
|
|
248
|
+
|
|
238
249
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
239
250
|
.sapUiForm {
|
|
240
251
|
|
|
@@ -63,4 +63,20 @@ html.sap-desktop .sapMObjectNumberActive:focus {
|
|
|
63
63
|
outline: 2px dotted var(--sapContent_ContrastFocusColor);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.sapMListTblCell > .sapMObjectNumber {
|
|
69
|
+
|
|
70
|
+
.sapMObjectNumberText,
|
|
71
|
+
.sapMObjectNumberUnit {
|
|
72
|
+
text-shadow: none;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.sapMListTblRow:hover + .sapMListTblSubRow,
|
|
77
|
+
.sapMListTblSubRow:hover {
|
|
78
|
+
.sapMObjectNumberText,
|
|
79
|
+
.sapMObjectNumberUnit {
|
|
80
|
+
text-shadow: none;
|
|
81
|
+
}
|
|
66
82
|
}
|