@openui5/themelib_sap_horizon 1.121.1 → 1.122.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 +1 -1
- package/package.json +18 -18
- package/src/sap/m/themes/sap_horizon/CheckBox.less +1 -1
- package/src/sap/m/themes/sap_horizon/ColorPalette.less +12 -7
- package/src/sap/m/themes/sap_horizon/GenericTile.less +0 -7
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +25 -27
- package/src/sap/m/themes/sap_horizon/Toolbar.less +3 -0
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ColorPalette.less +12 -7
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +23 -25
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +3 -0
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/ColorPalette.less +4 -1
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ColorPalette.less +4 -1
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +2 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +80 -4
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Light-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Light.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/global.less +20 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +80 -4
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Light-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Light.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +20 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +80 -4
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Light-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Light.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +20 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +80 -4
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Light-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Light.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Bold-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Bold.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Regular-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Regular.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +20 -0
- package/src/sap/ui/rta/themes/sap_horizon/library.source.less +0 -1
- package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +0 -1
- package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +0 -1
- package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +0 -1
- package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +62 -0
- package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +57 -0
- package/src/sap/uxap/themes/sap_horizon_hcb/AnchorBar.less +48 -0
- package/src/sap/uxap/themes/sap_horizon_hcw/AnchorBar.less +48 -0
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.personalization.less +0 -5
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.personalization.less +0 -4
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.personalization.less +0 -8
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.personalization.less +0 -9
package/THIRDPARTY.txt
CHANGED
|
@@ -461,7 +461,7 @@ License: Apache-2.0
|
|
|
461
461
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
462
462
|
Contained in: lib/jsdoc/ui5/plugin.js
|
|
463
463
|
|
|
464
|
-
Component: SAP Theming Base Content, version: 11.
|
|
464
|
+
Component: SAP Theming Base Content, version: 11.12.0
|
|
465
465
|
Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
|
|
466
466
|
License: Apache-2.0
|
|
467
467
|
License Text: https://github.com/SAP/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.122.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.122.0",
|
|
18
|
+
"@openui5/sap.m": "1.122.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.122.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.122.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.122.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.122.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.122.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.122.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.122.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.122.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.122.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.122.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.122.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.122.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.122.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.122.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.122.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
10
10
|
border-radius: 0.25rem;
|
|
11
|
-
&:hover
|
|
11
|
+
&:hover,
|
|
12
|
+
&.sapMColorPaletteSquareSelected {
|
|
12
13
|
border-radius: 0.4375rem;
|
|
13
14
|
margin: 0.0625rem;
|
|
14
15
|
width: 2.25rem;
|
|
@@ -56,7 +57,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
|
|
|
56
57
|
bottom: -0.3125rem;
|
|
57
58
|
right: -0.3125rem;
|
|
58
59
|
}
|
|
59
|
-
&:hover
|
|
60
|
+
&:hover,
|
|
61
|
+
&.sapMColorPaletteSquareSelected {
|
|
60
62
|
&:after {
|
|
61
63
|
display: block;
|
|
62
64
|
border: 0.0625rem solid @sapUiContentContrastFocusColor;
|
|
@@ -110,12 +112,15 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
|
|
|
110
112
|
line-height: 2rem;
|
|
111
113
|
}
|
|
112
114
|
}
|
|
113
|
-
.sapMColorPaletteSquare
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
.sapMColorPaletteSquare {
|
|
116
|
+
&:hover,
|
|
117
|
+
&.sapMColorPaletteSquareSelected {
|
|
118
|
+
margin: 0.0625rem;
|
|
119
|
+
width: 1.625rem;
|
|
120
|
+
height: 1.625rem;
|
|
121
|
+
}
|
|
117
122
|
}
|
|
118
|
-
.sapMColorPaletteSquare:focus:not(:hover):before {
|
|
123
|
+
.sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected):before {
|
|
119
124
|
top: -0.25rem;
|
|
120
125
|
left: -0.25rem;
|
|
121
126
|
bottom: -0.25rem;
|
|
@@ -300,13 +300,6 @@ html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
|
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, // focus inside GridContainer
|
|
304
|
-
html.sap-desktop .sapMGT:focus .sapMGTFocusDiv,
|
|
305
|
-
html.sap-desktop .sapMGT:active .sapMGTFocusDiv,
|
|
306
|
-
html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
|
|
307
|
-
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
308
|
-
}
|
|
309
|
-
|
|
310
303
|
html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
|
|
311
304
|
{
|
|
312
305
|
.sapMGTFocusDiv{
|
|
@@ -163,6 +163,8 @@
|
|
|
163
163
|
// =========== Shell ===========
|
|
164
164
|
@_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
|
|
165
165
|
@_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
|
|
166
|
+
@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: @sapUiButtonHoverBackground;
|
|
167
|
+
@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: @sapUiButtonHoverBorderColor;
|
|
166
168
|
|
|
167
169
|
|
|
168
170
|
/* Head Container */
|
|
@@ -214,10 +216,6 @@
|
|
|
214
216
|
margin-top: 1.0625rem;
|
|
215
217
|
}
|
|
216
218
|
|
|
217
|
-
.sapMITBFilterExpandBtn:hover .sapMBtnInner {
|
|
218
|
-
border-radius: 0.25rem;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
219
|
|
|
222
220
|
//More Button
|
|
223
221
|
.sapMITHStartOverflow,
|
|
@@ -249,7 +247,7 @@
|
|
|
249
247
|
}
|
|
250
248
|
|
|
251
249
|
//Arrow button
|
|
252
|
-
.sapMITBFilterWithItems .sapMITBFilterExpandBtn .
|
|
250
|
+
.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
|
|
253
251
|
color: @sapUiBaseText;
|
|
254
252
|
}
|
|
255
253
|
}
|
|
@@ -351,19 +349,19 @@
|
|
|
351
349
|
/* Tab Filter Item */
|
|
352
350
|
|
|
353
351
|
.sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
|
|
354
|
-
.
|
|
352
|
+
.sapMITBFilterExpandBtn {
|
|
355
353
|
margin-bottom: 0.9375rem;
|
|
356
354
|
}
|
|
357
355
|
}
|
|
358
356
|
|
|
359
357
|
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
|
|
360
|
-
.
|
|
358
|
+
.sapMITBFilterExpandBtn {
|
|
361
359
|
margin-bottom: 1.875rem;
|
|
362
360
|
}
|
|
363
361
|
}
|
|
364
362
|
|
|
365
363
|
.sapMITBNoText.sapMITH {
|
|
366
|
-
.
|
|
364
|
+
.sapMITBFilterExpandBtn {
|
|
367
365
|
margin-bottom: 0.9375rem;
|
|
368
366
|
}
|
|
369
367
|
}
|
|
@@ -372,8 +370,8 @@
|
|
|
372
370
|
.sapMITBFilterExpandBtnSeparator {
|
|
373
371
|
margin-top: 1.3125rem;
|
|
374
372
|
}
|
|
375
|
-
.
|
|
376
|
-
margin-top: 0.
|
|
373
|
+
.sapMITBFilterExpandBtn {
|
|
374
|
+
margin-top: 0.25rem;
|
|
377
375
|
}
|
|
378
376
|
}
|
|
379
377
|
|
|
@@ -386,7 +384,7 @@
|
|
|
386
384
|
.sapMITBFilterExpandBtnSeparator {
|
|
387
385
|
border-color: @sapUiContentSelectedForegroundColor;
|
|
388
386
|
}
|
|
389
|
-
.
|
|
387
|
+
.sapMITBFilterExpandIcon {
|
|
390
388
|
color: @_sap_m_IconTabBar_SelectedTextColor !important;
|
|
391
389
|
}
|
|
392
390
|
}
|
|
@@ -399,7 +397,7 @@
|
|
|
399
397
|
color: @sapUiNeutralText;
|
|
400
398
|
}
|
|
401
399
|
.sapMITBFilterExpandBtn:hover{
|
|
402
|
-
.
|
|
400
|
+
.sapMITBFilterExpandIcon {
|
|
403
401
|
color: @sapUiNeutralText;
|
|
404
402
|
}
|
|
405
403
|
}
|
|
@@ -416,7 +414,7 @@
|
|
|
416
414
|
color: @sapUiPositiveText;
|
|
417
415
|
}
|
|
418
416
|
.sapMITBFilterExpandBtn:hover{
|
|
419
|
-
.
|
|
417
|
+
.sapMITBFilterExpandIcon {
|
|
420
418
|
color: @sapUiPositiveText !important;
|
|
421
419
|
}
|
|
422
420
|
}
|
|
@@ -433,7 +431,7 @@
|
|
|
433
431
|
color: @sapUiNegativeText;
|
|
434
432
|
}
|
|
435
433
|
.sapMITBFilterExpandBtn:hover{
|
|
436
|
-
.
|
|
434
|
+
.sapMITBFilterExpandIcon {
|
|
437
435
|
color: @sapUiNegativeText;
|
|
438
436
|
}
|
|
439
437
|
}
|
|
@@ -450,7 +448,7 @@
|
|
|
450
448
|
color: @sapUiCriticalText;
|
|
451
449
|
}
|
|
452
450
|
.sapMITBFilterExpandBtn:hover{
|
|
453
|
-
.
|
|
451
|
+
.sapMITBFilterExpandIcon {
|
|
454
452
|
color: @sapUiCriticalText;
|
|
455
453
|
}
|
|
456
454
|
}
|
|
@@ -472,8 +470,8 @@
|
|
|
472
470
|
border-color: @sapUiBaseText;
|
|
473
471
|
}
|
|
474
472
|
|
|
475
|
-
.
|
|
476
|
-
color: @sapUiBaseText
|
|
473
|
+
.sapMITBFilterExpandIcon {
|
|
474
|
+
color: @sapUiBaseText;
|
|
477
475
|
}
|
|
478
476
|
}
|
|
479
477
|
|
|
@@ -485,7 +483,7 @@
|
|
|
485
483
|
}
|
|
486
484
|
|
|
487
485
|
.sapMITBFilterExpandBtn:hover {
|
|
488
|
-
.
|
|
486
|
+
.sapMITBFilterExpandIcon {
|
|
489
487
|
color: @sapUiBaseText;
|
|
490
488
|
}
|
|
491
489
|
}
|
|
@@ -499,7 +497,7 @@
|
|
|
499
497
|
border-color: @sapUiNeutralText;
|
|
500
498
|
}
|
|
501
499
|
|
|
502
|
-
.
|
|
500
|
+
.sapMITBFilterExpandIcon {
|
|
503
501
|
color: @sapUiNeutralText !important;
|
|
504
502
|
}
|
|
505
503
|
}
|
|
@@ -512,7 +510,7 @@
|
|
|
512
510
|
border-color: @sapUiPositiveText;
|
|
513
511
|
}
|
|
514
512
|
|
|
515
|
-
.
|
|
513
|
+
.sapMITBFilterExpandIcon {
|
|
516
514
|
color: @sapUiPositiveText !important;
|
|
517
515
|
}
|
|
518
516
|
}
|
|
@@ -525,7 +523,7 @@
|
|
|
525
523
|
border-color: @sapUiNegativeText;
|
|
526
524
|
}
|
|
527
525
|
|
|
528
|
-
.
|
|
526
|
+
.sapMITBFilterExpandIcon {
|
|
529
527
|
color: @sapUiNegativeText !important;
|
|
530
528
|
}
|
|
531
529
|
}
|
|
@@ -538,7 +536,7 @@
|
|
|
538
536
|
border-color: @sapUiCriticalText;
|
|
539
537
|
}
|
|
540
538
|
|
|
541
|
-
.
|
|
539
|
+
.sapMITBFilterExpandIcon {
|
|
542
540
|
color: @sapUiCriticalText !important;
|
|
543
541
|
}
|
|
544
542
|
}
|
|
@@ -548,7 +546,7 @@
|
|
|
548
546
|
.sapMITBFilterExpandBtnSeparator {
|
|
549
547
|
border-color: @sapUiNeutralElement;
|
|
550
548
|
}
|
|
551
|
-
.
|
|
549
|
+
.sapMITBFilterExpandIcon {
|
|
552
550
|
color: @sapUiNeutralElement !important;
|
|
553
551
|
}
|
|
554
552
|
}
|
|
@@ -557,7 +555,7 @@
|
|
|
557
555
|
.sapMITBFilterExpandBtnSeparator {
|
|
558
556
|
border-color: @sapUiPositiveElement;
|
|
559
557
|
}
|
|
560
|
-
.
|
|
558
|
+
.sapMITBFilterExpandIcon {
|
|
561
559
|
color: @sapUiPositiveElement !important;
|
|
562
560
|
}
|
|
563
561
|
}
|
|
@@ -566,7 +564,7 @@
|
|
|
566
564
|
.sapMITBFilterExpandBtnSeparator {
|
|
567
565
|
border-color: @sapUiNegativeElement;
|
|
568
566
|
}
|
|
569
|
-
.
|
|
567
|
+
.sapMITBFilterExpandIcon {
|
|
570
568
|
color: @sapUiNegativeElement !important;
|
|
571
569
|
}
|
|
572
570
|
}
|
|
@@ -574,7 +572,7 @@
|
|
|
574
572
|
.sapMITBFilterExpandBtnSeparator {
|
|
575
573
|
border-color: @sapUiCriticalElement;
|
|
576
574
|
}
|
|
577
|
-
.
|
|
575
|
+
.sapMITBFilterExpandIcon {
|
|
578
576
|
color: @sapUiCriticalElement !important;
|
|
579
577
|
}
|
|
580
578
|
}
|
|
@@ -830,7 +828,7 @@ html.sap-desktop {
|
|
|
830
828
|
color: @sapUiShellNavigationSelectedColor;
|
|
831
829
|
}
|
|
832
830
|
|
|
833
|
-
.sapMITBSelected:not(sapMITBDisabled) .sapMITBContentArrow::after {
|
|
831
|
+
.sapMITBSelected:not(.sapMITBDisabled) .sapMITBContentArrow::after {
|
|
834
832
|
background: @sapUiShellNavigationSelectedColor;
|
|
835
833
|
}
|
|
836
834
|
|
|
@@ -17,6 +17,8 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
17
17
|
margin-right: 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* Table Toolbar */
|
|
21
|
+
.sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
|
|
20
22
|
.sapMIBar.sapMTB-Info-CTX.sapMTB {
|
|
21
23
|
padding: 0 0.5rem 0 1rem;
|
|
22
24
|
}
|
|
@@ -83,6 +85,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
83
85
|
|
|
84
86
|
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
85
87
|
.sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
88
|
+
background: @sapUiGlobalBackgroundColor;
|
|
86
89
|
padding: 0;
|
|
87
90
|
}
|
|
88
91
|
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
10
10
|
border-radius: 0.25rem;
|
|
11
|
-
&:hover
|
|
11
|
+
&:hover,
|
|
12
|
+
&.sapMColorPaletteSquareSelected {
|
|
12
13
|
border-radius: 0.4375rem;
|
|
13
14
|
margin: 0.0625rem;
|
|
14
15
|
width: 2.25rem;
|
|
@@ -56,7 +57,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
|
|
|
56
57
|
bottom: -0.3125rem;
|
|
57
58
|
right: -0.3125rem;
|
|
58
59
|
}
|
|
59
|
-
&:hover
|
|
60
|
+
&:hover,
|
|
61
|
+
&.sapMColorPaletteSquareSelected {
|
|
60
62
|
&:after {
|
|
61
63
|
display: block;
|
|
62
64
|
border: 0.0625rem solid @sapUiContentContrastFocusColor;
|
|
@@ -110,12 +112,15 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
|
|
|
110
112
|
line-height: 2rem;
|
|
111
113
|
}
|
|
112
114
|
}
|
|
113
|
-
.sapMColorPaletteSquare
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
.sapMColorPaletteSquare {
|
|
116
|
+
&:hover,
|
|
117
|
+
&.sapMColorPaletteSquareSelected {
|
|
118
|
+
margin: 0.0625rem;
|
|
119
|
+
width: 1.625rem;
|
|
120
|
+
height: 1.625rem;
|
|
121
|
+
}
|
|
117
122
|
}
|
|
118
|
-
.sapMColorPaletteSquare:focus:not(:hover):before {
|
|
123
|
+
.sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected):before {
|
|
119
124
|
top: -0.25rem;
|
|
120
125
|
left: -0.25rem;
|
|
121
126
|
bottom: -0.25rem;
|
|
@@ -163,6 +163,8 @@
|
|
|
163
163
|
// =========== Shell ===========
|
|
164
164
|
@_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
|
|
165
165
|
@_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
|
|
166
|
+
@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: @sapUiButtonHoverBackground;
|
|
167
|
+
@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: @sapUiButtonHoverBorderColor;
|
|
166
168
|
|
|
167
169
|
|
|
168
170
|
/* Head Container */
|
|
@@ -214,10 +216,6 @@
|
|
|
214
216
|
margin-top: 1.0625rem;
|
|
215
217
|
}
|
|
216
218
|
|
|
217
|
-
.sapMITBFilterExpandBtn:hover .sapMBtnInner {
|
|
218
|
-
border-radius: 0.25rem;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
219
|
//More Button
|
|
222
220
|
.sapMITHStartOverflow,
|
|
223
221
|
.sapMITHEndOverflow {
|
|
@@ -248,7 +246,7 @@
|
|
|
248
246
|
}
|
|
249
247
|
|
|
250
248
|
//Arrow button
|
|
251
|
-
.sapMITBFilterWithItems .sapMITBFilterExpandBtn .
|
|
249
|
+
.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
|
|
252
250
|
color: @sapUiBaseText;
|
|
253
251
|
}
|
|
254
252
|
}
|
|
@@ -350,19 +348,19 @@
|
|
|
350
348
|
/* Tab Filter Item */
|
|
351
349
|
|
|
352
350
|
.sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
|
|
353
|
-
.
|
|
351
|
+
.sapMITBFilterExpandBtn {
|
|
354
352
|
margin-bottom: 0.9375rem;
|
|
355
353
|
}
|
|
356
354
|
}
|
|
357
355
|
|
|
358
356
|
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
|
|
359
|
-
.
|
|
357
|
+
.sapMITBFilterExpandBtn {
|
|
360
358
|
margin-bottom: 1.875rem;
|
|
361
359
|
}
|
|
362
360
|
}
|
|
363
361
|
|
|
364
362
|
.sapMITBNoText.sapMITH {
|
|
365
|
-
.
|
|
363
|
+
.sapMITBFilterExpandBtn {
|
|
366
364
|
margin-bottom: 0.9375rem;
|
|
367
365
|
}
|
|
368
366
|
}
|
|
@@ -371,8 +369,8 @@
|
|
|
371
369
|
.sapMITBFilterExpandBtnSeparator {
|
|
372
370
|
margin-top: 1.3125rem;
|
|
373
371
|
}
|
|
374
|
-
.
|
|
375
|
-
margin-top: 0.
|
|
372
|
+
.sapMITBFilterExpandBtn {
|
|
373
|
+
margin-top: 0.25rem;
|
|
376
374
|
}
|
|
377
375
|
}
|
|
378
376
|
|
|
@@ -385,7 +383,7 @@
|
|
|
385
383
|
.sapMITBFilterExpandBtnSeparator {
|
|
386
384
|
border-color: @sapUiContentSelectedForegroundColor;
|
|
387
385
|
}
|
|
388
|
-
.
|
|
386
|
+
.sapUiIcon {
|
|
389
387
|
color: @_sap_m_IconTabBar_SelectedTextColor !important;
|
|
390
388
|
}
|
|
391
389
|
}
|
|
@@ -398,7 +396,7 @@
|
|
|
398
396
|
color: @sapUiNeutralText;
|
|
399
397
|
}
|
|
400
398
|
.sapMITBFilterExpandBtn:hover{
|
|
401
|
-
.
|
|
399
|
+
.sapUiIcon {
|
|
402
400
|
color: @sapUiNeutralText;
|
|
403
401
|
}
|
|
404
402
|
}
|
|
@@ -415,7 +413,7 @@
|
|
|
415
413
|
color: @sapUiPositiveText;
|
|
416
414
|
}
|
|
417
415
|
.sapMITBFilterExpandBtn:hover{
|
|
418
|
-
.
|
|
416
|
+
.sapUiIcon {
|
|
419
417
|
color: @sapUiPositiveText !important;
|
|
420
418
|
}
|
|
421
419
|
}
|
|
@@ -432,7 +430,7 @@
|
|
|
432
430
|
color: @sapUiNegativeText;
|
|
433
431
|
}
|
|
434
432
|
.sapMITBFilterExpandBtn:hover{
|
|
435
|
-
.
|
|
433
|
+
.sapUiIcon {
|
|
436
434
|
color: @sapUiNegativeText;
|
|
437
435
|
}
|
|
438
436
|
}
|
|
@@ -449,7 +447,7 @@
|
|
|
449
447
|
color: @sapUiCriticalText;
|
|
450
448
|
}
|
|
451
449
|
.sapMITBFilterExpandBtn:hover{
|
|
452
|
-
.
|
|
450
|
+
.sapUiIcon {
|
|
453
451
|
color: @sapUiCriticalText;
|
|
454
452
|
}
|
|
455
453
|
}
|
|
@@ -471,7 +469,7 @@
|
|
|
471
469
|
border-color: @sapUiBaseText;
|
|
472
470
|
}
|
|
473
471
|
|
|
474
|
-
.
|
|
472
|
+
.sapUiIcon {
|
|
475
473
|
color: @sapUiBaseText !important;
|
|
476
474
|
}
|
|
477
475
|
}
|
|
@@ -484,7 +482,7 @@
|
|
|
484
482
|
}
|
|
485
483
|
|
|
486
484
|
.sapMITBFilterExpandBtn:hover {
|
|
487
|
-
.
|
|
485
|
+
.sapUiIcon {
|
|
488
486
|
color: @sapUiBaseText;
|
|
489
487
|
}
|
|
490
488
|
}
|
|
@@ -498,7 +496,7 @@
|
|
|
498
496
|
border-color: @sapUiNeutralText;
|
|
499
497
|
}
|
|
500
498
|
|
|
501
|
-
.
|
|
499
|
+
.sapUiIcon {
|
|
502
500
|
color: @sapUiNeutralText !important;
|
|
503
501
|
}
|
|
504
502
|
}
|
|
@@ -511,7 +509,7 @@
|
|
|
511
509
|
border-color: @sapUiPositiveText;
|
|
512
510
|
}
|
|
513
511
|
|
|
514
|
-
.
|
|
512
|
+
.sapUiIcon {
|
|
515
513
|
color: @sapUiPositiveText !important;
|
|
516
514
|
}
|
|
517
515
|
}
|
|
@@ -524,7 +522,7 @@
|
|
|
524
522
|
border-color: @sapUiNegativeText;
|
|
525
523
|
}
|
|
526
524
|
|
|
527
|
-
.
|
|
525
|
+
.sapUiIcon {
|
|
528
526
|
color: @sapUiNegativeText !important;
|
|
529
527
|
}
|
|
530
528
|
}
|
|
@@ -537,7 +535,7 @@
|
|
|
537
535
|
border-color: @sapUiCriticalText;
|
|
538
536
|
}
|
|
539
537
|
|
|
540
|
-
.
|
|
538
|
+
.sapUiIcon {
|
|
541
539
|
color: @sapUiCriticalText !important;
|
|
542
540
|
}
|
|
543
541
|
}
|
|
@@ -547,7 +545,7 @@
|
|
|
547
545
|
.sapMITBFilterExpandBtnSeparator {
|
|
548
546
|
border-color: @sapUiNeutralElement;
|
|
549
547
|
}
|
|
550
|
-
.
|
|
548
|
+
.sapUiIcon {
|
|
551
549
|
color: @sapUiNeutralElement !important;
|
|
552
550
|
}
|
|
553
551
|
}
|
|
@@ -556,7 +554,7 @@
|
|
|
556
554
|
.sapMITBFilterExpandBtnSeparator {
|
|
557
555
|
border-color: @sapUiPositiveElement;
|
|
558
556
|
}
|
|
559
|
-
.
|
|
557
|
+
.sapUiIcon {
|
|
560
558
|
color: @sapUiPositiveElement !important;
|
|
561
559
|
}
|
|
562
560
|
}
|
|
@@ -565,7 +563,7 @@
|
|
|
565
563
|
.sapMITBFilterExpandBtnSeparator {
|
|
566
564
|
border-color: @sapUiNegativeElement;
|
|
567
565
|
}
|
|
568
|
-
.
|
|
566
|
+
.sapUiIcon {
|
|
569
567
|
color: @sapUiNegativeElement !important;
|
|
570
568
|
}
|
|
571
569
|
}
|
|
@@ -573,7 +571,7 @@
|
|
|
573
571
|
.sapMITBFilterExpandBtnSeparator {
|
|
574
572
|
border-color: @sapUiCriticalElement;
|
|
575
573
|
}
|
|
576
|
-
.
|
|
574
|
+
.sapUiIcon {
|
|
577
575
|
color: @sapUiCriticalElement !important;
|
|
578
576
|
}
|
|
579
577
|
}
|
|
@@ -13,6 +13,8 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
13
13
|
padding: 0 0.5rem;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
/* Table Toolbar */
|
|
17
|
+
.sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
|
|
16
18
|
.sapMIBar.sapMTB-Info-CTX.sapMTB {
|
|
17
19
|
padding: 0 0.5rem 0 1rem;
|
|
18
20
|
}
|
|
@@ -79,6 +81,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
79
81
|
|
|
80
82
|
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
81
83
|
.sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
84
|
+
background: @sapUiGlobalBackgroundColor;
|
|
82
85
|
padding: 0;
|
|
83
86
|
}
|
|
84
87
|
|
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
6
|
.sapMColorPalette .sapMColorPaletteSquare:hover > div,
|
|
7
|
+
.sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
|
|
7
8
|
.sapMColorPalette .sapMColorPaletteSquare,
|
|
8
9
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
|
|
10
|
+
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
|
|
9
11
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
10
12
|
border-radius: 0.25rem;
|
|
11
13
|
}
|
|
@@ -26,7 +28,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
|
26
28
|
border: 0.125rem solid @sapUiButtonLiteBackground;
|
|
27
29
|
pointer-events: none;
|
|
28
30
|
}
|
|
29
|
-
&:hover
|
|
31
|
+
&:hover,
|
|
32
|
+
&.sapMColorPaletteSquareSelected {
|
|
30
33
|
border: 0;
|
|
31
34
|
> div {
|
|
32
35
|
border: 0.125rem solid @sapUiContentForegroundBorderColor;
|
|
@@ -55,6 +55,8 @@
|
|
|
55
55
|
// Filter icon
|
|
56
56
|
@_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
|
|
57
57
|
@_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
|
|
58
|
+
@_sap_m_IconTabFilter_Icon_Border_Radius: 0.375rem;
|
|
59
|
+
@_sap_m_IconTabFilter_Icon_Border_Color: @sapUiButtonBorderColor;
|
|
58
60
|
|
|
59
61
|
// Filter text
|
|
60
62
|
@_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
|
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
.sapMColorPalette .sapMColorPaletteSquare:hover > div,
|
|
7
|
+
.sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
|
|
7
8
|
.sapMColorPalette .sapMColorPaletteSquare,
|
|
8
9
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
|
|
10
|
+
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
|
|
9
11
|
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
10
12
|
border-radius: 0.25rem;
|
|
11
13
|
}
|
|
@@ -26,7 +28,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
|
|
|
26
28
|
border: 0.125rem solid @sapUiButtonLiteBackground;
|
|
27
29
|
pointer-events: none;
|
|
28
30
|
}
|
|
29
|
-
&:hover
|
|
31
|
+
&:hover,
|
|
32
|
+
&.sapMColorPaletteSquareSelected {
|
|
30
33
|
border: 0;
|
|
31
34
|
> div {
|
|
32
35
|
border: 0.125rem solid @sapUiContentForegroundBorderColor;
|