@openui5/themelib_sap_fiori_3 1.95.0 → 1.96.3
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/.reuse/dep5 +10 -5
- package/THIRDPARTY.txt +17 -8
- package/package.json +18 -18
- package/src/sap/m/themes/sap_fiori_3/Button.less +0 -15
- package/src/sap/m/themes/sap_fiori_3/Carousel.less +1 -27
- package/src/sap/m/themes/sap_fiori_3/InputBase.less +47 -1
- package/src/sap/m/themes/sap_fiori_3/NewsContent.less +1 -1
- package/src/sap/m/themes/sap_fiori_3/ObjectStatus.less +14 -1
- package/src/sap/m/themes/sap_fiori_3/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_fiori_3/Switch.less +6 -4
- package/src/sap/m/themes/sap_fiori_3/Token.less +0 -3
- package/src/sap/m/themes/sap_fiori_3_dark/Button.less +3 -15
- package/src/sap/m/themes/sap_fiori_3_dark/InputBase.less +48 -2
- package/src/sap/m/themes/sap_fiori_3_dark/NewsContent.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_dark/ObjectStatus.less +13 -0
- package/src/sap/m/themes/sap_fiori_3_dark/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_dark/Switch.less +6 -4
- package/src/sap/m/themes/sap_fiori_3_dark/TileContent.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_dark/Token.less +0 -3
- package/src/sap/m/themes/sap_fiori_3_hcb/Carousel.less +1 -51
- package/src/sap/m/themes/sap_fiori_3_hcb/InputBase.less +29 -4
- package/src/sap/m/themes/sap_fiori_3_hcb/ObjectStatus.less +13 -0
- package/src/sap/m/themes/sap_fiori_3_hcb/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_hcb/Switch.less +6 -4
- package/src/sap/m/themes/sap_fiori_3_hcb/Token.less +0 -3
- package/src/sap/m/themes/sap_fiori_3_hcw/Carousel.less +1 -51
- package/src/sap/m/themes/sap_fiori_3_hcw/InputBase.less +29 -4
- package/src/sap/m/themes/sap_fiori_3_hcw/ObjectStatus.less +13 -0
- package/src/sap/m/themes/sap_fiori_3_hcw/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_hcw/Switch.less +6 -4
- package/src/sap/m/themes/sap_fiori_3_hcw/Token.less +0 -3
- package/src/sap/ui/core/themes/sap_fiori_3/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3/base.less +153 -198
- package/src/sap/ui/core/themes/sap_fiori_3/global.less +34 -0
- package/src/sap/ui/core/themes/sap_fiori_3_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_dark/base.less +153 -198
- package/src/sap/ui/core/themes/sap_fiori_3_dark/global.less +34 -0
- package/src/sap/ui/core/themes/sap_fiori_3_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_hcb/base.less +99 -210
- package/src/sap/ui/core/themes/sap_fiori_3_hcb/global.less +34 -0
- package/src/sap/ui/core/themes/sap_fiori_3_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_hcw/base.less +99 -210
- package/src/sap/ui/core/themes/sap_fiori_3_hcw/global.less +34 -0
- package/src/sap/ui/dt/themes/sap_fiori_3_hcb/ContextMenu.less +0 -22
- package/src/sap/ui/dt/themes/sap_fiori_3_hcw/ContextMenu.less +0 -28
- package/src/sap/ui/rta/themes/sap_fiori_3/ContextMenu.less +5 -56
- package/src/sap/ui/rta/themes/sap_fiori_3_dark/ContextMenu.less +2 -55
- package/src/sap/ui/rta/themes/sap_fiori_3_hcb/ContextMenu.less +2 -46
- package/src/sap/ui/rta/themes/sap_fiori_3_hcw/ContextMenu.less +3 -46
- package/src/sap/ui/unified/themes/sap_fiori_3/FileUploader.less +7 -0
- package/src/sap/uxap/themes/sap_fiori_3/ObjectPageSection.less +4 -0
- package/src/sap/uxap/themes/sap_fiori_3_dark/ObjectPageSection.less +4 -0
- package/src/sap/uxap/themes/sap_fiori_3_hcb/ObjectPageSection.less +4 -0
- package/src/sap/uxap/themes/sap_fiori_3_hcw/ObjectPageSection.less +4 -0
- package/ui5.yaml +1 -1
package/.reuse/dep5
CHANGED
|
@@ -400,6 +400,11 @@ Copyright: 2014 Vitaly Puzrin, Alex Kocharin
|
|
|
400
400
|
License: MIT
|
|
401
401
|
Comment: these files belong to: Markdown-it
|
|
402
402
|
|
|
403
|
+
Files: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
404
|
+
Copyright: 2015-2017 Evgeny Poberezkin
|
|
405
|
+
License: MIT
|
|
406
|
+
Comment: these files belong to: ajv
|
|
407
|
+
|
|
403
408
|
|
|
404
409
|
# Library: sap.ui.mdc:
|
|
405
410
|
|
|
@@ -447,11 +452,6 @@ Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
|
|
|
447
452
|
License: Apache-2.0
|
|
448
453
|
Comment: these files belong to: LESS
|
|
449
454
|
|
|
450
|
-
Files: ../test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
451
|
-
Copyright: 2015-2017 Evgeny Poberezkin
|
|
452
|
-
License: MIT
|
|
453
|
-
Comment: these files belong to: ajv
|
|
454
|
-
|
|
455
455
|
Files: lib/jsdoc/ui5/plugin.js
|
|
456
456
|
Copyright:
|
|
457
457
|
2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
|
|
@@ -459,3 +459,8 @@ Copyright:
|
|
|
459
459
|
License: Apache-2.0
|
|
460
460
|
Comment: these files contain content from SAP and JSDoc 3: plugin.js is overall written by SAP, but contains code taken from JSDoc 3.6.7 (see the respective comments)
|
|
461
461
|
|
|
462
|
+
Files: src/sap.ui.core/src/sap/ui/core/themes/base/base.less src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
|
|
463
|
+
Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
|
|
464
|
+
License: Apache-2.0
|
|
465
|
+
Comment: these files belong to: SAP Theming Base Content
|
|
466
|
+
|
package/THIRDPARTY.txt
CHANGED
|
@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
|
|
|
6
6
|
|
|
7
7
|
Library: sap.ui.codeeditor:
|
|
8
8
|
|
|
9
|
-
Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.
|
|
9
|
+
Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.13
|
|
10
10
|
Copyright: 2010, Ajax.org B.V.
|
|
11
11
|
License: BSD-3-Clause
|
|
12
12
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
|
|
@@ -197,7 +197,7 @@ License: BSD-3-Clause
|
|
|
197
197
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
|
|
198
198
|
Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
|
|
199
199
|
|
|
200
|
-
Component: URI.js, version: 1.19.
|
|
200
|
+
Component: URI.js, version: 1.19.7
|
|
201
201
|
Copyright: Rodney Rehm
|
|
202
202
|
License: MIT
|
|
203
203
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
@@ -389,6 +389,12 @@ License: MIT
|
|
|
389
389
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
390
390
|
Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/markdown-it.js
|
|
391
391
|
|
|
392
|
+
Component: ajv, version: 6.12.3
|
|
393
|
+
Copyright: 2015-2017 Evgeny Poberezkin
|
|
394
|
+
License: MIT
|
|
395
|
+
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
396
|
+
Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
397
|
+
|
|
392
398
|
|
|
393
399
|
Library: sap.ui.mdc:
|
|
394
400
|
|
|
@@ -444,18 +450,21 @@ License: Apache-2.0
|
|
|
444
450
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
445
451
|
Contained in: src/testsuite-utils/src/main/resources/META-INF/less/less.js
|
|
446
452
|
|
|
447
|
-
Component: ajv, version: 6.12.3
|
|
448
|
-
Copyright: 2015-2017 Evgeny Poberezkin
|
|
449
|
-
License: MIT
|
|
450
|
-
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
451
|
-
Contained in: ../test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
452
|
-
|
|
453
453
|
Component: JSDoc 3, version: 3.6.7
|
|
454
454
|
Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
|
|
455
455
|
License: Apache-2.0
|
|
456
456
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
457
457
|
Contained in: lib/jsdoc/ui5/plugin.js
|
|
458
458
|
|
|
459
|
+
Component: SAP Theming Base Content, version: 11.1.34
|
|
460
|
+
Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
|
|
461
|
+
License: Apache-2.0
|
|
462
|
+
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
463
|
+
Contained in: src/sap.ui.core/src/sap/ui/core/themes/base/base.less
|
|
464
|
+
src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less
|
|
465
|
+
src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less
|
|
466
|
+
src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
|
|
467
|
+
|
|
459
468
|
|
|
460
469
|
ALL LICENSE TEXTS:
|
|
461
470
|
==================
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_fiori_3",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.96.3",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_fiori_3",
|
|
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/SAP/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.96.3",
|
|
18
|
+
"@openui5/sap.m": "1.96.3",
|
|
19
|
+
"@openui5/sap.tnt": "1.96.3",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.96.3",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.96.3",
|
|
22
|
+
"@openui5/sap.ui.core": "1.96.3",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.96.3",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.96.3",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.96.3",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.96.3",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.96.3",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.96.3",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.96.3",
|
|
30
|
+
"@openui5/sap.ui.table": "1.96.3",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.96.3",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.96.3",
|
|
33
|
+
"@openui5/sap.uxap": "1.96.3"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -167,21 +167,6 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable {
|
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable {
|
|
170
|
-
outline: 0.0625rem solid @sapUiContentFocusColor;
|
|
171
|
-
:not(.sapMBadgeIndicator):after {
|
|
172
|
-
content: "";
|
|
173
|
-
position: absolute;
|
|
174
|
-
box-sizing: border-box;
|
|
175
|
-
left: 0.0625rem;
|
|
176
|
-
top: 0.0625rem;
|
|
177
|
-
right: 0.0625rem;
|
|
178
|
-
bottom: 0.0625rem;
|
|
179
|
-
border: 0.0625rem dotted @sapUiContentContrastFocusColor;
|
|
180
|
-
pointer-events: none;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable {
|
|
185
170
|
outline: 0.0625rem dotted @sapUiContentContrastFocusColor;
|
|
186
171
|
}
|
|
187
172
|
|
|
@@ -40,32 +40,6 @@
|
|
|
40
40
|
background-color: @sapUiButtonActiveBackground;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
.sapMCrsl:focus {
|
|
44
|
-
&:before {
|
|
45
|
-
border: 1px solid @sapUiContentFocusColor;
|
|
46
|
-
position: absolute;
|
|
47
|
-
content: " ";
|
|
48
|
-
top: 0;
|
|
49
|
-
right: 0;
|
|
50
|
-
bottom: 0;
|
|
51
|
-
left: 0;
|
|
52
|
-
z-index: 2;
|
|
53
|
-
pointer-events: none;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&:after {
|
|
57
|
-
border: 1px dotted @sapUiContentContrastFocusColor;
|
|
58
|
-
position: absolute;
|
|
59
|
-
content: " ";
|
|
60
|
-
top: 0;
|
|
61
|
-
right: 0;
|
|
62
|
-
bottom: 0;
|
|
63
|
-
left: 0;
|
|
64
|
-
z-index: 2;
|
|
65
|
-
pointer-events: none;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
43
|
.sapMCrslPrev:focus,
|
|
70
44
|
.sapMCrslNext:focus,
|
|
71
45
|
.sapMCrslPrev .sapUiIcon:focus,
|
|
@@ -93,6 +67,6 @@ html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
|
|
|
93
67
|
bottom: -0.125rem;
|
|
94
68
|
left: -0.125rem;
|
|
95
69
|
pointer-events: none;
|
|
96
|
-
border:
|
|
70
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
97
71
|
}
|
|
98
72
|
}
|
|
@@ -24,8 +24,29 @@
|
|
|
24
24
|
background: @sapUiFieldBackground;
|
|
25
25
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
26
26
|
|
|
27
|
+
&.sapMInputBaseContentWrapperState {
|
|
28
|
+
&.sapMInputBaseContentWrapperSuccess {
|
|
29
|
+
border-width: @sapField_SuccessBorderWidth;
|
|
30
|
+
border-style: @sapField_SuccessBorderStyle;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&.sapMInputBaseContentWrapperError {
|
|
34
|
+
border-width: @sapField_InvalidBorderWidth;
|
|
35
|
+
border-style: @sapField_InvalidBorderStyle;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&.sapMInputBaseContentWrapperWarning {
|
|
39
|
+
border-width: @sapField_WarningBorderWidth;
|
|
40
|
+
border-style: @sapField_WarningBorderStyle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.sapMInputBaseContentWrapperInformation {
|
|
44
|
+
border-width: @sapField_InformationBorderWidth;
|
|
45
|
+
border-style: @sapField_InformationBorderStyle;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
27
49
|
&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess){
|
|
28
|
-
border-width: 2px;
|
|
29
50
|
/* calculated line-height excluding the top and bottom borders */
|
|
30
51
|
.sapMInputBaseIcon {
|
|
31
52
|
line-height: 2rem;
|
|
@@ -86,4 +107,29 @@
|
|
|
86
107
|
&::before {
|
|
87
108
|
border: 1px dotted @sapUiContentFocusColor;
|
|
88
109
|
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* List specific styles */
|
|
113
|
+
.sapMILI-CTX .sapMInputBaseContentWrapper,
|
|
114
|
+
.sapMILI-CTX .sapMInputBaseInner,
|
|
115
|
+
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
|
|
116
|
+
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
|
|
117
|
+
text-align: right;
|
|
118
|
+
background: transparent;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.sapMLIBActive {
|
|
122
|
+
.sapMInputBaseInner,
|
|
123
|
+
.sapMInputBaseContentWrapper {
|
|
124
|
+
color: @sapUiListActiveTextColor;
|
|
125
|
+
background: transparent;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.sapMInputDescriptionText {
|
|
129
|
+
color: @sapUiListActiveTextColor;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
|
|
134
|
+
color: @sapUiListActiveTextColor;
|
|
89
135
|
}
|
|
@@ -54,4 +54,17 @@
|
|
|
54
54
|
.sapMObjStatusInverted .sapMObjStatusText,
|
|
55
55
|
.sapMObjStatusInverted .sapMObjStatusIcon {
|
|
56
56
|
color: @sapUiContentContrastTextColor;
|
|
57
|
-
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.sapMObjStatusNone:not(.sapMObjStatusInverted) {
|
|
60
|
+
.sapUxAPObjectPageContainer &,
|
|
61
|
+
.sapUxAPObjectPageHeaderContentItem &,
|
|
62
|
+
&.sapUxAPObjectPageHeaderContentItem,
|
|
63
|
+
.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent & {
|
|
64
|
+
.sapMObjStatusText,
|
|
65
|
+
.sapMObjStatusIcon {
|
|
66
|
+
color: @sapNeutralTextColor;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -60,8 +60,9 @@ html.sap-desktop {
|
|
|
60
60
|
&.sapMSwtNoLabel {
|
|
61
61
|
width: 3.25rem;
|
|
62
62
|
height: 1.25rem;
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
outline-offset: -8px; // ON state handle movement limit correction in pixels for no-label switches, because of reduced width
|
|
64
|
+
&.sapMSwtOn .sapMSwtInner {
|
|
65
|
+
left: -0.5rem;
|
|
65
66
|
}
|
|
66
67
|
}
|
|
67
68
|
}
|
|
@@ -254,8 +255,9 @@ html.sap-desktop {
|
|
|
254
255
|
height: 1rem;
|
|
255
256
|
margin-top: 0.0625rem;
|
|
256
257
|
margin-bottom: 0.0625rem;
|
|
257
|
-
|
|
258
|
-
|
|
258
|
+
outline-offset: -14px; // ON state handle movement limit correction in pixels for no-label switches, because of reduced width
|
|
259
|
+
&.sapMSwtOn .sapMSwtInner {
|
|
260
|
+
left: -0.88rem;
|
|
259
261
|
}
|
|
260
262
|
}
|
|
261
263
|
.sapMSwtHandle {
|
|
@@ -27,7 +27,6 @@
|
|
|
27
27
|
color: @sapUiButtonSelectedTextColor;
|
|
28
28
|
background: @sapUiButtonSelectedBackground;
|
|
29
29
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
|
|
30
|
-
border-radius: 0.25rem;
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
.sapMTokenSelected .sapMTokenIcon,
|
|
@@ -38,13 +37,11 @@
|
|
|
38
37
|
html.sap-desktop .sapMToken:hover {
|
|
39
38
|
border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
|
|
40
39
|
background: @sapUiButtonHoverBackground;
|
|
41
|
-
border-radius: 0.25rem;
|
|
42
40
|
}
|
|
43
41
|
|
|
44
42
|
html.sap-desktop .sapMToken.sapMTokenSelected:hover {
|
|
45
43
|
background: @sapUiButtonSelectedHoverBackground;
|
|
46
44
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
|
|
47
|
-
border-radius: 0.25rem;
|
|
48
45
|
}
|
|
49
46
|
|
|
50
47
|
.sapMTokenIcon {
|
|
@@ -159,24 +159,12 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
|
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable {
|
|
162
|
-
outline: 0.0625rem
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
position: absolute;
|
|
166
|
-
box-sizing: border-box;
|
|
167
|
-
left: 0.0625rem;
|
|
168
|
-
top: 0.0625rem;
|
|
169
|
-
right: 0.0625rem;
|
|
170
|
-
bottom: 0.0625rem;
|
|
171
|
-
border: 0.0625rem dotted @sapUiContentContrastFocusColor;
|
|
172
|
-
pointer-events: none;
|
|
162
|
+
outline: 0.0625rem dotted @sapUiContentFocusColor;
|
|
163
|
+
&.sapMBtnActive {
|
|
164
|
+
outline-color: @sapUiContentContrastFocusColor;
|
|
173
165
|
}
|
|
174
166
|
}
|
|
175
167
|
|
|
176
|
-
html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable {
|
|
177
|
-
outline: 0.0625rem dotted @sapUiContentContrastFocusColor;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
168
|
.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
|
|
181
169
|
border-color: @sapUiButtonLiteBorderColor;
|
|
182
170
|
}
|
|
@@ -24,8 +24,29 @@
|
|
|
24
24
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
25
25
|
background: @sapUiFieldBackground;
|
|
26
26
|
|
|
27
|
-
&.sapMInputBaseContentWrapperState
|
|
28
|
-
|
|
27
|
+
&.sapMInputBaseContentWrapperState {
|
|
28
|
+
&.sapMInputBaseContentWrapperSuccess {
|
|
29
|
+
border-width: @sapField_SuccessBorderWidth;
|
|
30
|
+
border-style: @sapField_SuccessBorderStyle;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&.sapMInputBaseContentWrapperError {
|
|
34
|
+
border-width: @sapField_InvalidBorderWidth;
|
|
35
|
+
border-style: @sapField_InvalidBorderStyle;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&.sapMInputBaseContentWrapperWarning {
|
|
39
|
+
border-width: @sapField_WarningBorderWidth;
|
|
40
|
+
border-style: @sapField_WarningBorderStyle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.sapMInputBaseContentWrapperInformation {
|
|
44
|
+
border-width: @sapField_InformationBorderWidth;
|
|
45
|
+
border-style: @sapField_InformationBorderStyle;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
|
|
29
50
|
|
|
30
51
|
/* calculated line-height excluding the top and bottom borders */
|
|
31
52
|
.sapMInputBaseIcon {
|
|
@@ -92,4 +113,29 @@
|
|
|
92
113
|
&::before {
|
|
93
114
|
border: 1px dotted @sapUiContentFocusColor;
|
|
94
115
|
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/* List specific styles */
|
|
119
|
+
.sapMILI-CTX .sapMInputBaseContentWrapper,
|
|
120
|
+
.sapMILI-CTX .sapMInputBaseInner,
|
|
121
|
+
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
|
|
122
|
+
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
|
|
123
|
+
text-align: right;
|
|
124
|
+
background: transparent;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.sapMLIBActive {
|
|
128
|
+
.sapMInputBaseInner,
|
|
129
|
+
.sapMInputBaseContentWrapper {
|
|
130
|
+
color: @sapUiListActiveTextColor;
|
|
131
|
+
background: transparent;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.sapMInputDescriptionText {
|
|
135
|
+
color: @sapUiListActiveTextColor;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
|
|
140
|
+
color: @sapUiListActiveTextColor;
|
|
95
141
|
}
|
|
@@ -53,4 +53,17 @@
|
|
|
53
53
|
.sapMObjStatusInverted .sapMObjStatusText,
|
|
54
54
|
.sapMObjStatusInverted .sapMObjStatusIcon {
|
|
55
55
|
color: @sapUiContentContrastTextColor;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.sapMObjStatusNone:not(.sapMObjStatusInverted) {
|
|
59
|
+
.sapUxAPObjectPageContainer &,
|
|
60
|
+
.sapUxAPObjectPageHeaderContentItem &,
|
|
61
|
+
&.sapUxAPObjectPageHeaderContentItem,
|
|
62
|
+
.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent & {
|
|
63
|
+
.sapMObjStatusText,
|
|
64
|
+
.sapMObjStatusIcon {
|
|
65
|
+
color: @sapNeutralTextColor;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
}
|
|
56
69
|
}
|
|
@@ -60,8 +60,9 @@ html.sap-desktop {
|
|
|
60
60
|
&.sapMSwtNoLabel {
|
|
61
61
|
width: 3.25rem;
|
|
62
62
|
height: 1.25rem;
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
outline-offset: -8px; // ON state handle movement limit correction in pixels for no-label switches, because of reduced width
|
|
64
|
+
&.sapMSwtOn .sapMSwtInner {
|
|
65
|
+
left: -0.5rem;
|
|
65
66
|
}
|
|
66
67
|
}
|
|
67
68
|
}
|
|
@@ -254,8 +255,9 @@ html.sap-desktop {
|
|
|
254
255
|
height: 1rem;
|
|
255
256
|
margin-top: 0.0625rem;
|
|
256
257
|
margin-bottom: 0.0625rem;
|
|
257
|
-
|
|
258
|
-
|
|
258
|
+
outline-offset: -14px; // ON state handle movement limit correction in pixels for no-label switches, because of reduced width
|
|
259
|
+
&.sapMSwtOn .sapMSwtInner {
|
|
260
|
+
left: -0.88rem;
|
|
259
261
|
}
|
|
260
262
|
}
|
|
261
263
|
.sapMSwtHandle {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Quartz Dark theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_m_TileContent_NewsContentBackgroundColor: fade(
|
|
6
|
+
@_sap_m_TileContent_NewsContentBackgroundColor: fade(@sapBlockLayer_Background, 80);
|
|
7
7
|
@_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;
|
|
8
8
|
|
|
9
9
|
.sapMTileCnt.News {
|
|
@@ -28,7 +28,6 @@
|
|
|
28
28
|
color: @sapUiButtonSelectedTextColor;
|
|
29
29
|
background: @sapUiButtonSelectedBackground;
|
|
30
30
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
|
|
31
|
-
border-radius: 0.25rem;
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
.sapMTokenSelected .sapMTokenIcon,
|
|
@@ -39,13 +38,11 @@
|
|
|
39
38
|
html.sap-desktop .sapMToken:hover {
|
|
40
39
|
border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
|
|
41
40
|
background: @sapUiButtonHoverBackground;
|
|
42
|
-
border-radius: 0.25rem;
|
|
43
41
|
}
|
|
44
42
|
|
|
45
43
|
html.sap-desktop .sapMToken.sapMTokenSelected:hover {
|
|
46
44
|
background: @sapUiButtonSelectedHoverBackground;
|
|
47
45
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
|
|
48
|
-
border-radius: 0.25rem;
|
|
49
46
|
}
|
|
50
47
|
|
|
51
48
|
.sapMTokenIcon {
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
|
|
26
26
|
@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
|
|
27
|
+
@_sap_m_Carousel_FocusBorderOffsetArrow: -0.25rem;
|
|
27
28
|
.sapMCrsl {
|
|
28
29
|
background-color: @sapUiBaseBG;
|
|
29
30
|
border: 0.125rem solid transparent;
|
|
@@ -56,32 +57,6 @@
|
|
|
56
57
|
background-color: @sapUiButtonActiveBackground;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
.sapMCrsl:focus {
|
|
60
|
-
&:before {
|
|
61
|
-
border: 1px solid @sapUiContentFocusColor;
|
|
62
|
-
position: absolute;
|
|
63
|
-
content: " ";
|
|
64
|
-
top: 0;
|
|
65
|
-
right: 0;
|
|
66
|
-
bottom: 0;
|
|
67
|
-
left: 0;
|
|
68
|
-
z-index: 2;
|
|
69
|
-
pointer-events: none;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&:after {
|
|
73
|
-
border: 1px dotted @sapUiContentContrastFocusColor;
|
|
74
|
-
position: absolute;
|
|
75
|
-
content: " ";
|
|
76
|
-
top: 0;
|
|
77
|
-
right: 0;
|
|
78
|
-
bottom: 0;
|
|
79
|
-
left: 0;
|
|
80
|
-
z-index: 2;
|
|
81
|
-
pointer-events: none;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
60
|
/* HCB Additional Styles */
|
|
86
61
|
.sapMCrslHud .sapMCrslPrev,
|
|
87
62
|
.sapMCrslHud .sapMCrslNext {
|
|
@@ -98,29 +73,4 @@
|
|
|
98
73
|
.sapMCrslPrev .sapUiIcon:focus,
|
|
99
74
|
.sapMCrslNext .sapUiIcon:focus {
|
|
100
75
|
outline: none;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus,
|
|
104
|
-
html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
|
|
105
|
-
&::before {
|
|
106
|
-
content: "";
|
|
107
|
-
position: absolute;
|
|
108
|
-
top: -0.25rem;
|
|
109
|
-
right: -0.25rem;
|
|
110
|
-
bottom: -0.25rem;
|
|
111
|
-
left: -0.25rem;
|
|
112
|
-
pointer-events: none;
|
|
113
|
-
border: 2px solid @sapUiContentContrastFocusColor;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
&::after {
|
|
117
|
-
content: "";
|
|
118
|
-
position: absolute;
|
|
119
|
-
top: -0.25rem;
|
|
120
|
-
right: -0.25rem;
|
|
121
|
-
bottom: -0.25rem;
|
|
122
|
-
left: -0.25rem;
|
|
123
|
-
pointer-events: none;
|
|
124
|
-
border: 2px dotted @sapUiBaseBG;
|
|
125
|
-
}
|
|
126
76
|
}
|
|
@@ -68,23 +68,23 @@
|
|
|
68
68
|
|
|
69
69
|
.sapMInputBaseContentWrapperWarning {
|
|
70
70
|
background: @sapUiFieldWarningBackground;
|
|
71
|
-
border:
|
|
71
|
+
border: @sapField_WarningBorderWidth @sapField_WarningBorderStyle @sapUiFieldWarningColor;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.sapMInputBaseContentWrapperSuccess {
|
|
75
75
|
background: @sapUiFieldSuccessBackground;
|
|
76
|
-
border
|
|
76
|
+
border: @sapField_SuccessBorderWidth @sapField_SuccessBorderStyle @sapUiFieldSuccessColor;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.sapMILI-CTX .sapMInputBaseContentWrapperError,
|
|
80
80
|
.sapMInputBaseContentWrapperError {
|
|
81
81
|
background: @sapUiFieldInvalidBackground;
|
|
82
|
-
border:
|
|
82
|
+
border: @sapField_InvalidBorderWidth @sapField_InvalidBorderStyle @sapUiFieldInvalidColor;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.sapMInputBaseContentWrapperInformation {
|
|
86
86
|
background: @sapUiFieldInformationBackground;
|
|
87
|
-
border: @
|
|
87
|
+
border: @sapField_InformationBorderWidth @sapField_InformationBorderStyle @sapUiFieldInformationColor;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.sapMInputBaseContentWrapperWarning, .sapMInputBaseContentWrapperError {
|
|
@@ -104,4 +104,29 @@
|
|
|
104
104
|
|
|
105
105
|
.sapUiSizeCompact .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIcon {
|
|
106
106
|
line-height: 1.375rem;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* List specific styles */
|
|
110
|
+
.sapMILI-CTX .sapMInputBaseContentWrapper,
|
|
111
|
+
.sapMILI-CTX .sapMInputBaseInner,
|
|
112
|
+
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
|
|
113
|
+
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
|
|
114
|
+
text-align: right;
|
|
115
|
+
background: transparent;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.sapMLIBActive {
|
|
119
|
+
.sapMInputBaseInner,
|
|
120
|
+
.sapMInputBaseContentWrapper {
|
|
121
|
+
color: @sapUiListActiveTextColor;
|
|
122
|
+
background: transparent;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.sapMInputDescriptionText {
|
|
126
|
+
color: @sapUiListActiveTextColor;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
|
|
131
|
+
color: @sapUiListActiveTextColor;
|
|
107
132
|
}
|