@openui5/themelib_sap_horizon 1.93.2 → 1.97.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/.reuse/dep5 +7 -12
- package/THIRDPARTY.txt +12 -17
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/AvatarGroup.less +1 -0
- package/src/sap/f/themes/sap_horizon/DynamicPage.less +1 -1
- package/src/sap/m/themes/sap_horizon/Avatar.less +4 -0
- package/src/sap/m/themes/sap_horizon/CheckBox.less +3 -3
- package/src/sap/m/themes/sap_horizon/ComboBoxBase.less +4 -4
- package/src/sap/m/themes/sap_horizon/GenericTile.less +9 -1
- package/src/sap/m/themes/sap_horizon/InputBase.less +0 -1
- package/src/sap/m/themes/sap_horizon/MessageStrip.less +3 -2
- package/src/sap/m/themes/sap_horizon/MultiComboBox.less +28 -8
- package/src/sap/m/themes/sap_horizon/MultiInput.less +8 -5
- package/src/sap/m/themes/sap_horizon/NewsContent.less +3 -4
- package/src/sap/m/themes/sap_horizon/ObjectNumber.less +71 -0
- package/src/sap/m/themes/sap_horizon/Popover.less +16 -15
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +3 -3
- package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -1
- package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -2
- package/src/sap/m/themes/sap_horizon/Select.less +108 -0
- package/src/sap/m/themes/sap_horizon/SelectList.less +7 -5
- package/src/sap/m/themes/sap_horizon/Slider.less +1 -0
- package/src/sap/m/themes/sap_horizon/SliderTooltip.less +1 -1
- package/src/sap/m/themes/sap_horizon/SplitButton.less +6 -5
- package/src/sap/m/themes/sap_horizon/SuggestionsPopover.less +0 -5
- package/src/sap/m/themes/sap_horizon/TileContent.less +1 -2
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
- package/src/sap/m/themes/sap_horizon/ValueStateHeader.less +0 -5
- package/src/sap/m/themes/sap_horizon/WizardProgressNavigator.less +0 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/unified/themes/sap_horizon/FileUploader.less +16 -16
- package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +2 -2
- package/ui5.yaml +1 -1
package/.reuse/dep5
CHANGED
|
@@ -309,7 +309,7 @@ License: MIT
|
|
|
309
309
|
Comment: these files belong to: lodash
|
|
310
310
|
|
|
311
311
|
Files: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
|
|
312
|
-
Copyright:
|
|
312
|
+
Copyright: 2021 Mathias Nater
|
|
313
313
|
License: MIT
|
|
314
314
|
Comment: these files belong to: Hyphenopoly
|
|
315
315
|
|
|
@@ -347,11 +347,6 @@ Copyright: 2013 Ariya Hidayat and other contributors
|
|
|
347
347
|
License: BSD-2-Clause
|
|
348
348
|
Comment: these files belong to: Esprima
|
|
349
349
|
|
|
350
|
-
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
|
|
351
|
-
Copyright: 2006 Google Inc.
|
|
352
|
-
License: Apache-2.0
|
|
353
|
-
Comment: these files belong to: google-code-prettify
|
|
354
|
-
|
|
355
350
|
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
|
|
356
351
|
Copyright: 2006-2020, Ivan Sagalaev
|
|
357
352
|
License: BSD-3-Clause
|
|
@@ -405,6 +400,11 @@ Copyright: 2014 Vitaly Puzrin, Alex Kocharin
|
|
|
405
400
|
License: MIT
|
|
406
401
|
Comment: these files belong to: Markdown-it
|
|
407
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
|
+
|
|
408
408
|
|
|
409
409
|
# Library: sap.ui.mdc:
|
|
410
410
|
|
|
@@ -418,7 +418,7 @@ Comment: these files contain content from SAP and BooleanExpressionEvaluator: Bo
|
|
|
418
418
|
|
|
419
419
|
# Library: sap.ui.webc.common:
|
|
420
420
|
|
|
421
|
-
Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/
|
|
421
|
+
Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
|
|
422
422
|
Copyright: SAP
|
|
423
423
|
License: Apache-2.0
|
|
424
424
|
Comment: these files belong to: UI5 Web Components
|
|
@@ -452,11 +452,6 @@ Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
|
|
|
452
452
|
License: Apache-2.0
|
|
453
453
|
Comment: these files belong to: LESS
|
|
454
454
|
|
|
455
|
-
Files: ../test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
456
|
-
Copyright: 2015-2017 Evgeny Poberezkin
|
|
457
|
-
License: MIT
|
|
458
|
-
Comment: these files belong to: ajv
|
|
459
|
-
|
|
460
455
|
Files: lib/jsdoc/ui5/plugin.js
|
|
461
456
|
Copyright:
|
|
462
457
|
2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
|
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
|
|
@@ -279,8 +279,8 @@ License: MIT
|
|
|
279
279
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
280
280
|
Contained in: src/sap.ui.core/src/sap/ui/base/util/restricted/_/lodash.custom.js
|
|
281
281
|
|
|
282
|
-
Component: Hyphenopoly, version:
|
|
283
|
-
Copyright:
|
|
282
|
+
Component: Hyphenopoly, version: 3.4.0
|
|
283
|
+
Copyright: 2021 Mathias Nater
|
|
284
284
|
License: MIT
|
|
285
285
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
286
286
|
Contained in: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
|
|
@@ -324,12 +324,6 @@ License: BSD-2-Clause
|
|
|
324
324
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-2-Clause.txt
|
|
325
325
|
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/esprima.js
|
|
326
326
|
|
|
327
|
-
Component: google-code-prettify, version: 20130304
|
|
328
|
-
Copyright: 2006 Google Inc.
|
|
329
|
-
License: Apache-2.0
|
|
330
|
-
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
331
|
-
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
|
|
332
|
-
|
|
333
327
|
Component: highlight.js, version: 10.4.1
|
|
334
328
|
Copyright: 2006-2020, Ivan Sagalaev
|
|
335
329
|
License: BSD-3-Clause
|
|
@@ -376,7 +370,7 @@ License: Unicode-DFS-2015
|
|
|
376
370
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
|
|
377
371
|
Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/Unicode-Data-Files-LICENSE.txt
|
|
378
372
|
|
|
379
|
-
Component: Adaptive Cards, version:
|
|
373
|
+
Component: Adaptive Cards, version: 2.9.0
|
|
380
374
|
Copyright: 2017 Microsoft
|
|
381
375
|
License: MIT
|
|
382
376
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
@@ -395,6 +389,12 @@ License: MIT
|
|
|
395
389
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
396
390
|
Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/markdown-it.js
|
|
397
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
|
+
|
|
398
398
|
|
|
399
399
|
Library: sap.ui.mdc:
|
|
400
400
|
|
|
@@ -412,10 +412,11 @@ Copyright: SAP
|
|
|
412
412
|
License: Apache-2.0
|
|
413
413
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
414
414
|
Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
|
|
415
|
-
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/
|
|
415
|
+
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/*.*
|
|
416
416
|
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.*
|
|
417
417
|
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.*
|
|
418
418
|
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
|
|
419
|
+
src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
|
|
419
420
|
|
|
420
421
|
Component: lit-html, version: 1.4.1
|
|
421
422
|
Copyright: Google LLC
|
|
@@ -450,12 +451,6 @@ License: Apache-2.0
|
|
|
450
451
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
451
452
|
Contained in: src/testsuite-utils/src/main/resources/META-INF/less/less.js
|
|
452
453
|
|
|
453
|
-
Component: ajv, version: 6.12.3
|
|
454
|
-
Copyright: 2015-2017 Evgeny Poberezkin
|
|
455
|
-
License: MIT
|
|
456
|
-
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
457
|
-
Contained in: ../test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
|
|
458
|
-
|
|
459
454
|
Component: JSDoc 3, version: 3.6.7
|
|
460
455
|
Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
|
|
461
456
|
License: Apache-2.0
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.97.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/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.97.0",
|
|
18
|
+
"@openui5/sap.m": "1.97.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.97.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.97.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.97.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.97.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.97.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.97.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.97.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.97.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.97.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.97.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.97.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.97.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.97.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.97.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.97.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.sapFDynamicPageToggleHeaderIndicator,
|
|
71
|
-
.
|
|
71
|
+
.sapFDynamicPageToggleHeaderIndicator.sapUiHidden ~ .sapFDynamicPageHeaderPinButton {
|
|
72
72
|
margin-left: -0.75rem;
|
|
73
73
|
}
|
|
74
74
|
|
|
@@ -41,6 +41,10 @@
|
|
|
41
41
|
background-color: @sapAccentBackgroundColor1;
|
|
42
42
|
color: darken(@sapAccentColor1, 10);
|
|
43
43
|
}
|
|
44
|
+
.sapFAvatarColorAccent1 .sapFAvatarInitialsHolder {
|
|
45
|
+
color: darken(@sapAccentColor1, 10);
|
|
46
|
+
}
|
|
47
|
+
|
|
44
48
|
.sapFAvatarColorAccent2 {
|
|
45
49
|
background-color: @sapAccentBackgroundColor2;
|
|
46
50
|
color: @sapAccentColor2;
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
height: 1.375rem;
|
|
21
21
|
width: 1.375rem;
|
|
22
22
|
line-height: 1.125rem;
|
|
23
|
-
border-width: 0.
|
|
23
|
+
border-width: 0.0625rem;
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
border-radius: @sapField_BorderCornerRadius;
|
|
26
26
|
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
|
|
59
59
|
.sapMCb.sapMCbSucc .sapMCbBg {
|
|
60
60
|
background-color: @sapUiFieldSuccessBackground;
|
|
61
|
-
border: 0.
|
|
61
|
+
border: 0.0625rem solid @sapUiFieldSuccessColor;
|
|
62
62
|
|
|
63
63
|
&.sapMCbMarkChecked:before {
|
|
64
64
|
color: @sapUiFieldSuccessColor;
|
|
@@ -191,7 +191,7 @@ html.sap-desktop {
|
|
|
191
191
|
|
|
192
192
|
.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
|
|
193
193
|
border-style: solid;
|
|
194
|
-
border-width: 0.
|
|
194
|
+
border-width: 0.0625rem;
|
|
195
195
|
margin: 0;
|
|
196
196
|
}
|
|
197
197
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.m/
|
|
3
|
-
/* Horizon theme
|
|
4
|
-
/*
|
|
1
|
+
/* =================================== */
|
|
2
|
+
/* CSS for control sap.m/Page.control */
|
|
3
|
+
/* Horizon theme */
|
|
4
|
+
/* =================================== */
|
|
5
5
|
|
|
6
6
|
.sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed).sapMComboBoxBase.sapMComboBoxBaseArrowPressed .sapMInputBaseIconContainer .sapMInputBaseIcon:last-child {
|
|
7
7
|
background-color: @sapField_Focus_Background;
|
|
@@ -303,7 +303,6 @@ html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
|
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:active .sapMGTFocusDiv, html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
|
|
306
|
-
border: none;
|
|
307
306
|
border-radius: @sapElement_BorderCornerRadius;
|
|
308
307
|
box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
|
|
309
308
|
}
|
|
@@ -350,4 +349,13 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
|
|
|
350
349
|
background-color: @sapTile_Active_Background;
|
|
351
350
|
}
|
|
352
351
|
}
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.TwoByOne.sapMGTActionMode {
|
|
355
|
+
width: 20rem;
|
|
356
|
+
height: 10.875rem;
|
|
357
|
+
border-radius: 1.25rem;
|
|
358
|
+
.sapMGTFocusDiv {
|
|
359
|
+
border-radius: 1.25rem !important;
|
|
360
|
+
}
|
|
353
361
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
6
|
.sapMMsgStrip {
|
|
7
|
+
//@sapUiElementBorderCornerRadius was used but currently it results in 12px
|
|
7
8
|
border-radius: @sapElement_BorderCornerRadius;
|
|
8
9
|
}
|
|
9
10
|
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
border-color: @sapErrorBackground;
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
+
|
|
38
39
|
.sapMMsgStripSuccess {
|
|
39
40
|
border-color: darken(saturate(@sapSuccessBackground, 20), 20);
|
|
40
41
|
|
|
@@ -56,7 +57,7 @@
|
|
|
56
57
|
border-color: @sapWarningBackground;
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
|
-
|
|
60
|
+
|
|
60
61
|
.sapMMsgStripMessage>.sapMLnk {
|
|
61
62
|
padding-right: 0.25rem;
|
|
62
63
|
padding-left: 0.25rem;
|
|
@@ -1,23 +1,43 @@
|
|
|
1
|
-
/* =================================== */
|
|
2
|
-
/* CSS for control sap.m/MultiComboBox */
|
|
3
|
-
/* Horizon theme */
|
|
4
|
-
/* =================================== */
|
|
5
|
-
|
|
6
1
|
.sapMMultiComboBox.sapMInputBaseReadonly.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
|
|
7
2
|
left: 0;
|
|
8
3
|
}
|
|
9
4
|
|
|
5
|
+
.sapMMultiComboBoxPicker .sapMListHdrTBar {
|
|
6
|
+
border-radius: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
|
|
10
10
|
.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
|
|
11
11
|
outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList
|
|
14
|
+
.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList {
|
|
15
|
+
&:not(.sapMSticky) li[data-sap-ui-first-suggestion-item]:focus,
|
|
16
|
+
&.sapMSticky .sapMMultiComboBoxSelectAllFocused {
|
|
17
|
+
border-top-left-radius: @sapUiElementBorderCornerRadius;
|
|
18
|
+
border-top-right-radius: @sapUiElementBorderCornerRadius;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
15
22
|
.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot:focus {
|
|
16
|
-
border-top-left-radius:
|
|
17
|
-
border-top-right-radius:
|
|
23
|
+
border-top-left-radius: @sapUiElementBorderCornerRadius;
|
|
24
|
+
border-top-right-radius: @sapUiElementBorderCornerRadius;
|
|
18
25
|
}
|
|
19
26
|
|
|
20
27
|
.sapMMultiComboBoxPicker li[data-sap-ui-last-suggestion-item]:focus {
|
|
21
28
|
border-bottom-left-radius: @sapUiElementBorderCornerRadius;
|
|
22
29
|
border-bottom-right-radius: @sapUiElementBorderCornerRadius;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
|
|
33
|
+
& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
|
|
34
|
+
border: none;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
.sapMMultiComboBox .sapMTokenizer {
|
|
38
|
+
padding-top: 1px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
|
|
42
|
+
padding-top: 0px;
|
|
23
43
|
}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
/* =================================== */
|
|
2
|
-
/* CSS for control sap.m/MultiInput */
|
|
3
|
-
/* Horizon theme */
|
|
4
|
-
/* =================================== */
|
|
5
|
-
|
|
6
1
|
.sapMMultiInput.sapMInputBaseReadonly.sapMMultiInputHasTokens.sapMInputFocused .sapMTokenizer {
|
|
7
2
|
left: 0;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.sapMMultiInput .sapMTokenizer {
|
|
6
|
+
padding-top: 1px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
|
|
10
|
+
padding-top: 0px;
|
|
8
11
|
}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_m_NewsContent_HeaderTextColor: contrast(@
|
|
7
|
-
@_sap_m_NewsContent_SubHeaderTextColor: contrast(@
|
|
6
|
+
@_sap_m_NewsContent_HeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
7
|
+
@_sap_m_NewsContent_SubHeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
8
8
|
|
|
9
9
|
.sapMNwC {
|
|
10
10
|
background-color: fade(@sapUiTileBackground, 60);
|
|
@@ -13,12 +13,11 @@
|
|
|
13
13
|
|
|
14
14
|
.sapMTileCnt.News {
|
|
15
15
|
.sapMNwC {
|
|
16
|
-
text-shadow: 0 0 0.125rem contrast(@_sap_m_NewsContent_SubHeaderTextColor, @sapUiContentShadowColor, @sapUiContentContrastShadowColor, @sapUiContentContrastTextThreshold);
|
|
17
16
|
.sapMNwCSbh {
|
|
18
17
|
color: @_sap_m_NewsContent_SubHeaderTextColor;
|
|
19
18
|
line-height: normal;
|
|
20
19
|
}
|
|
21
|
-
.sapMNwCCTxt .sapMText {
|
|
20
|
+
.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
|
|
22
21
|
color: @_sap_m_NewsContent_HeaderTextColor;
|
|
23
22
|
line-height: normal;
|
|
24
23
|
}
|
|
@@ -11,4 +11,75 @@
|
|
|
11
11
|
.sapMObjectNumberInverted .sapMObjectNumberText,
|
|
12
12
|
.sapMObjectNumberInverted .sapMObjectNumberUnit {
|
|
13
13
|
text-shadow: @sapUiContentContrastTextShadow;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.sapMObjectNumberInverted {
|
|
17
|
+
.sapMObjectNumberInner {
|
|
18
|
+
border-radius: 0.25rem;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
html.sap-desktop .sapMObjectNumberActive:focus {
|
|
23
|
+
.sapMObjectNumberInner::after {
|
|
24
|
+
left: -0.0625rem;
|
|
25
|
+
top: -0.0625rem;
|
|
26
|
+
right: -0.0625rem;
|
|
27
|
+
bottom: -0.0625rem;
|
|
28
|
+
height: auto;
|
|
29
|
+
outline: none;
|
|
30
|
+
border-radius: 0.25rem;
|
|
31
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
|
|
35
|
+
left: -0.0625rem;
|
|
36
|
+
top: -0.0625rem;
|
|
37
|
+
right: -0.0625rem;
|
|
38
|
+
bottom: -0.0625rem;
|
|
39
|
+
height: auto;
|
|
40
|
+
outline: none;
|
|
41
|
+
border-radius: 0.25rem;
|
|
42
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&.sapMObjectNumberLarge {
|
|
46
|
+
.sapMObjectNumberInner::after {
|
|
47
|
+
left: -0.0625rem;
|
|
48
|
+
top: -0.0625rem;
|
|
49
|
+
right: -0.0625rem;
|
|
50
|
+
bottom: -0.0625rem;
|
|
51
|
+
height: auto;
|
|
52
|
+
}
|
|
53
|
+
&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
|
|
54
|
+
left: -0.0625rem;
|
|
55
|
+
top: -0.0625rem;
|
|
56
|
+
right: -0.0625rem;
|
|
57
|
+
bottom: -0.0625rem;
|
|
58
|
+
height: auto;
|
|
59
|
+
outline: none;
|
|
60
|
+
border-radius: 0.25rem;
|
|
61
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
|
|
67
|
+
.sapMObjectNumberInverted.@{class} {
|
|
68
|
+
.sapMObjectNumberInner {
|
|
69
|
+
background-color: @innerBackgroundColor;
|
|
70
|
+
color: @innerColor;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&.sapMObjectNumberActive {
|
|
74
|
+
.sapMObjectNumberInner:hover {
|
|
75
|
+
background-color: @activeInnerBackgroundColor;
|
|
76
|
+
color: @activeInnerColor;
|
|
77
|
+
}
|
|
78
|
+
.sapMObjectNumberInner:active,
|
|
79
|
+
&.sapMObjectNumberPressed .sapMObjectNumberInner {
|
|
80
|
+
background-color: @pressedInnerBackgroundColor;
|
|
81
|
+
color: @innerColor;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
14
85
|
}
|
|
@@ -3,21 +3,6 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ============================== */
|
|
5
5
|
|
|
6
|
-
.sapMPopover {
|
|
7
|
-
border-radius: @sapUiElementBorderCornerRadius;
|
|
8
|
-
|
|
9
|
-
&.sapMPopoverWithoutBar .sapMPopoverCont,
|
|
10
|
-
.sapMIBar.sapMHeader-CTX {
|
|
11
|
-
border-top-right-radius: 0.75rem;
|
|
12
|
-
border-top-left-radius: 0.75rem;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&.sapMPopoverWithoutFooter .sapMPopoverCont,
|
|
16
|
-
.sapMIBar.sapMFooter-CTX {
|
|
17
|
-
border-bottom-right-radius: 0.75rem;
|
|
18
|
-
border-bottom-left-radius: 0.75rem;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
6
|
|
|
22
7
|
.sapMPopoverArr:after {
|
|
23
8
|
background: @sapUiGroupContentBackground;
|
|
@@ -122,4 +107,20 @@
|
|
|
122
107
|
|
|
123
108
|
.sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
|
|
124
109
|
box-shadow: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.sapMPopover {
|
|
113
|
+
border-radius: @sapUiElementBorderCornerRadius;
|
|
114
|
+
|
|
115
|
+
&.sapMPopoverWithoutBar .sapMPopoverCont,
|
|
116
|
+
.sapMIBar.sapMHeader-CTX {
|
|
117
|
+
border-top-right-radius: 0.75rem;
|
|
118
|
+
border-top-left-radius: 0.75rem;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&.sapMPopoverWithoutFooter .sapMPopoverCont,
|
|
122
|
+
.sapMIBar.sapMFooter-CTX {
|
|
123
|
+
border-bottom-right-radius: 0.75rem;
|
|
124
|
+
border-bottom-left-radius: 0.75rem;
|
|
125
|
+
}
|
|
125
126
|
}
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
border: 1px @sapContent_FocusStyle @sapContent_Selected_ForegroundColor;
|
|
11
|
+
background: transparent;
|
|
12
|
+
box-shadow: @sapContent_Selected_Shadow;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover .sapMSliderProgress:focus ~ .sapMSliderHandle,
|
|
@@ -69,9 +69,9 @@ html.sap-desktop {
|
|
|
69
69
|
position: absolute;
|
|
70
70
|
box-sizing: border-box;
|
|
71
71
|
left: 0;
|
|
72
|
-
top: 0.
|
|
72
|
+
top: 0.2rem;
|
|
73
73
|
right: 0;
|
|
74
|
-
bottom: 0.
|
|
74
|
+
bottom: 0.2rem;
|
|
75
75
|
pointer-events: none;
|
|
76
76
|
border: 0.125rem solid @sapUiContentFocusColor;
|
|
77
77
|
border-radius: 0.5rem;
|
|
@@ -166,4 +166,112 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
166
166
|
&:before {
|
|
167
167
|
box-shadow: inset 0px 0px 0px 2px @sapField_Focus_BorderColor;
|
|
168
168
|
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// =====================================
|
|
172
|
+
// Input Information state
|
|
173
|
+
// =====================================
|
|
174
|
+
.sapMSltInformation {
|
|
175
|
+
border: none;
|
|
176
|
+
background-image: linear-gradient(0deg, @sapField_InformationColor 0, @sapField_InformationColor 100%);
|
|
177
|
+
background-size: 100% @sapField_InformationBorderWidth;
|
|
178
|
+
background-repeat: repeat-x;
|
|
179
|
+
background-position: bottom;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
183
|
+
background-color: @sapField_Hover_Background;
|
|
184
|
+
|
|
185
|
+
&:not(.sapMSltFocused) {
|
|
186
|
+
box-shadow: @sapContent_Informative_Shadow; // NEW Parameter
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):active,
|
|
191
|
+
.sapMSltFocused.sapMSltInformation {
|
|
192
|
+
box-shadow: inset 0px 0px 0px 2px @sapField_Active_BorderColor;
|
|
193
|
+
background-color: @sapField_Focus_Background;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
// =====================================
|
|
197
|
+
// Input Success state
|
|
198
|
+
// =====================================
|
|
199
|
+
|
|
200
|
+
.sapMSltSuccess {
|
|
201
|
+
border: none;
|
|
202
|
+
background-image: linear-gradient(0deg, @sapField_SuccessColor 0, @sapField_SuccessColor 100%);
|
|
203
|
+
background-size: 100% @sapField_SuccessBorderWidth;
|
|
204
|
+
background-repeat: repeat-x;
|
|
205
|
+
background-position: bottom;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
209
|
+
background-color: @sapField_Hover_Background;
|
|
210
|
+
|
|
211
|
+
&:not(.sapMSltFocused) {
|
|
212
|
+
box-shadow: @sapContent_Positive_Shadow; // New Parameter
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
// Field Success Focus - Experimental
|
|
217
|
+
.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):active,
|
|
218
|
+
.sapMSltFocused.sapMSltSuccess {
|
|
219
|
+
box-shadow: inset 0px 0px 0px 2px @sapField_SuccessColor;
|
|
220
|
+
border-radius: @sapField_BorderCornerRadius;
|
|
221
|
+
background-color: @sapField_Focus_Background;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
// =====================================
|
|
225
|
+
// Input Warning state
|
|
226
|
+
// =====================================
|
|
227
|
+
|
|
228
|
+
.sapMSltWarning {
|
|
229
|
+
border: none;
|
|
230
|
+
background-image: linear-gradient(0deg, @sapField_WarningColor 0, @sapField_WarningColor 100%);
|
|
231
|
+
background-size: 100% @sapField_WarningBorderWidth;
|
|
232
|
+
background-repeat: repeat-x;
|
|
233
|
+
background-position: bottom;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
237
|
+
background-color: @sapField_Hover_Background;
|
|
238
|
+
|
|
239
|
+
&:not(.sapMSltFocused) {
|
|
240
|
+
box-shadow: @sapContent_Critical_Shadow; // NEW Parameter
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
// Field Warning Focus - Experimental
|
|
245
|
+
.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):active,
|
|
246
|
+
.sapMSltFocused.sapMSltWarning {
|
|
247
|
+
box-shadow: inset 0px 0px 0px 2px @sapField_WarningColor; // Experimental
|
|
248
|
+
background-color: @sapField_Focus_Background;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
// =====================================
|
|
253
|
+
// Input Error state
|
|
254
|
+
// =====================================
|
|
255
|
+
|
|
256
|
+
.sapMSltError {
|
|
257
|
+
border: none;
|
|
258
|
+
background-image: linear-gradient(0deg, @sapField_InvalidColor 0, @sapField_InvalidColor 100%);
|
|
259
|
+
background-size: 100% @sapField_InvalidBorderWidth;
|
|
260
|
+
background-repeat: repeat-x;
|
|
261
|
+
background-position: bottom;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
|
|
265
|
+
background-color: @sapField_Hover_Background;
|
|
266
|
+
|
|
267
|
+
&:not(.sapMSltFocused) {
|
|
268
|
+
box-shadow: @sapContent_Negative_Shadow; // New Parameter
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
// Field Error Focus - Experimental
|
|
273
|
+
.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):active,
|
|
274
|
+
.sapMSltFocused.sapMSltError {
|
|
275
|
+
box-shadow: inset 0px 0px 0px 2px @sapField_InvalidColor;
|
|
276
|
+
background-color: @sapField_Focus_Background;
|
|
169
277
|
}
|
|
@@ -50,13 +50,15 @@ html.sap-desktop .sapMSelectListItemBase:focus {
|
|
|
50
50
|
.sapMSelectListItemBase {
|
|
51
51
|
position: relative;
|
|
52
52
|
|
|
53
|
+
&:last-child:not(:only-child)::after {
|
|
54
|
+
border-bottom-left-radius: 0.75rem;
|
|
55
|
+
border-bottom-right-radius: 0.75rem;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.sapMSltPicker-CTX:not(.sapMSltPickerWithSubHeader) .sapMSelectListItemBase {
|
|
53
60
|
&:first-child::after {
|
|
54
61
|
border-top-left-radius: 0.75rem;
|
|
55
62
|
border-top-right-radius: 0.75rem;
|
|
56
63
|
}
|
|
57
|
-
|
|
58
|
-
&:last-child::after {
|
|
59
|
-
border-bottom-left-radius: 0.75rem;
|
|
60
|
-
border-bottom-right-radius: 0.75rem;
|
|
61
|
-
}
|
|
62
64
|
}
|
|
@@ -118,7 +118,8 @@
|
|
|
118
118
|
box-sizing: border-box;
|
|
119
119
|
top: 0.5rem;
|
|
120
120
|
left: -0.0625rem;
|
|
121
|
-
|
|
121
|
+
width: 0.0625rem;
|
|
122
|
+
background-color: @sapUiButtonHoverTextColor;
|
|
122
123
|
pointer-events: none;
|
|
123
124
|
height: 1.25rem;
|
|
124
125
|
border-radius: 0.35rem;
|
|
@@ -129,19 +130,19 @@
|
|
|
129
130
|
.sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
|
|
130
131
|
.sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
|
|
131
132
|
.sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
132
|
-
|
|
133
|
+
background-color: @sapUiButtonEmphasizedTextColor;
|
|
133
134
|
}
|
|
134
135
|
|
|
135
136
|
.sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
136
|
-
|
|
137
|
+
background-color: @sapUiButtonAcceptTextColor;
|
|
137
138
|
}
|
|
138
139
|
|
|
139
140
|
.sapMSB.sapMSBReject .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
140
|
-
|
|
141
|
+
background-color: @sapUiButtonRejectTextColor;
|
|
141
142
|
}
|
|
142
143
|
|
|
143
144
|
.sapMSB.sapMSBAttention .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
144
|
-
|
|
145
|
+
background-color: @sapUiButtonAttentionTextColor;
|
|
145
146
|
}
|
|
146
147
|
|
|
147
148
|
.sapUiSizeCompact .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_m_TileContent_NewsContentBackgroundColor: fade(
|
|
6
|
+
@_sap_m_TileContent_NewsContentBackgroundColor: fade(@sapTile_Background, 96);
|
|
7
7
|
@_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;
|
|
8
8
|
|
|
9
9
|
.sapMTileCnt.News {
|
|
@@ -12,5 +12,4 @@
|
|
|
12
12
|
|
|
13
13
|
.sapMTileCnt.News .sapMTileCntFtrTxt {
|
|
14
14
|
color: @_sap_m_TileContent_NewsFooterTextColor;
|
|
15
|
-
text-shadow: 0 0 0.125rem contrast(@_sap_m_NewsContent_SubHeaderTextColor, @sapUiContentShadowColor, @sapUiContentContrastShadowColor, @sapUiContentContrastTextThreshold);
|
|
16
15
|
}
|
|
@@ -28,7 +28,7 @@ html.sap-desktop .sapMTokenizer:focus {
|
|
|
28
28
|
|
|
29
29
|
/* editable tokens in read-only tokenizer */
|
|
30
30
|
.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
|
|
31
|
-
|
|
31
|
+
color: @sapUiContentLabelColor;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.sapUiSizeCompact {
|
|
@@ -87,4 +87,4 @@ html.sap-desktop .sapMTokenizer:focus {
|
|
|
87
87
|
border-bottom-left-radius: @sapUiElementBorderCornerRadius;
|
|
88
88
|
border-bottom-right-radius: @sapUiElementBorderCornerRadius;
|
|
89
89
|
}
|
|
90
|
-
}
|
|
90
|
+
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2021 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.97.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -9,33 +9,33 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
/* increase outline offset */
|
|
12
|
-
.sapMIBar-CTX .sapUiFup
|
|
12
|
+
.sapMIBar-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable {
|
|
13
13
|
outline-offset: -.125rem;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.sapUiFup
|
|
16
|
+
.sapUiFup .sapMBtn:focus {
|
|
17
17
|
outline: none;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
html.sap-desktop .sapUiFup
|
|
21
|
-
html.sap-desktop .sapUiFup
|
|
20
|
+
html.sap-desktop .sapUiFup .sapMFocusable:focus,
|
|
21
|
+
html.sap-desktop .sapUiFup .sapMFocusable:active {
|
|
22
22
|
outline: 1px dotted @sapUiContentFocusColor;
|
|
23
23
|
outline-offset: -1px;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.sapMFooter-CTX .sapUiFup
|
|
27
|
-
.sapMFooter-CTX .sapUiFup
|
|
28
|
-
.sapUiFup
|
|
29
|
-
html.sap-desktop .sapUiFup
|
|
30
|
-
.sapUiFup
|
|
31
|
-
html.sap-desktop .sapUiFup
|
|
32
|
-
.sapUiFup
|
|
33
|
-
html.sap-desktop .sapUiFup
|
|
26
|
+
.sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable,
|
|
27
|
+
.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable,
|
|
28
|
+
.sapUiFup .sapMBtnInner:active.sapMBtnAccept,
|
|
29
|
+
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnAccept,
|
|
30
|
+
.sapUiFup .sapMBtnInner:active.sapMBtnReject,
|
|
31
|
+
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnReject,
|
|
32
|
+
.sapUiFup .sapMBtnInner:active.sapMBtnEmphasized,
|
|
33
|
+
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnEmphasized {
|
|
34
34
|
outline-color: @sapUiContentContrastFocusColor;
|
|
35
35
|
outline-offset: -.125rem;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.sapMFooter-CTX .sapUiFup
|
|
38
|
+
.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable {
|
|
39
39
|
background-color: @sapUiButtonActiveBackground;
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -43,12 +43,12 @@ html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnEmphasized {
|
|
|
43
43
|
|
|
44
44
|
html[data-sap-ui-browser^="ie"] {
|
|
45
45
|
|
|
46
|
-
.sapUiFup
|
|
46
|
+
.sapUiFup .sapMBtnInner:focus.sapMFocusable {
|
|
47
47
|
outline: none;
|
|
48
48
|
position: relative;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.sapUiFup
|
|
51
|
+
.sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
|
|
52
52
|
content: " ";
|
|
53
53
|
box-sizing: border-box;
|
|
54
54
|
width: 100%;
|
|
@@ -59,7 +59,7 @@ html[data-sap-ui-browser^="ie"] {
|
|
|
59
59
|
border: 1px dotted @sapUiContentFocusColor;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.sapMFooter-CTX .sapUiFup
|
|
62
|
+
.sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
|
|
63
63
|
border-color: @sapUiContentContrastFocusColor;
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -311,12 +311,12 @@ html.sap-desktop .sapMBtnBase.sapMBtn.sapUxAPAnchorBarButton:focus::after {
|
|
|
311
311
|
content: none;
|
|
312
312
|
}
|
|
313
313
|
|
|
314
|
-
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon,
|
|
314
|
+
.sapUxAPAnchorBar .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon,
|
|
315
315
|
.sapUiSizeCompact .sapUxAPAnchorBar .sapUxAPAnchorBarButton:hover .sapMSB.sapMSBTransparent .sapMBtnContent > *,
|
|
316
316
|
.sapUiSizeCompact .sapUxAPAnchorBar .sapUxAPAnchorBarButton:hover .sapMBtn + .sapMBtn .sapMBtnInner *,
|
|
317
317
|
.sapUxAPAnchorBar .sapUxAPAnchorBarButton:hover .sapMSB.sapMSBTransparent .sapMBtnContent > *,
|
|
318
318
|
.sapUxAPAnchorBar .sapUxAPAnchorBarButton:hover .sapMBtn > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
|
|
319
319
|
.sapUxAPAnchorBar .sapUxAPAnchorBarButton:hover .sapMBtn + .sapMBtn .sapMBtnInner *,
|
|
320
|
-
.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapMBtnContent{
|
|
320
|
+
.sapUxAPAnchorBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapMBtnContent{
|
|
321
321
|
color: @sapContent_Selected_TextColor;
|
|
322
322
|
}
|
package/ui5.yaml
CHANGED