@openui5/themelib_sap_horizon 1.119.1 → 1.120.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 +6 -6
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/AvatarGroup.less +4 -2
- package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +2 -0
- package/src/sap/f/themes/sap_horizon/ShellBar.less +10 -4
- package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +2 -0
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +10 -4
- package/src/sap/m/themes/sap_horizon/Avatar.less +2 -2
- package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +2 -1
- package/src/sap/m/themes/sap_horizon/Button.less +16 -4
- package/src/sap/m/themes/sap_horizon/CheckBox.less +31 -1
- package/src/sap/m/themes/sap_horizon/MenuButton.less +22 -4
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +24 -0
- package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -7
- package/src/sap/m/themes/sap_horizon/SearchField.less +2 -4
- package/src/sap/m/themes/sap_horizon/SegmentedButton.less +117 -14
- package/src/sap/m/themes/sap_horizon/Select.less +4 -2
- package/src/sap/m/themes/sap_horizon/Slider.less +4 -9
- package/src/sap/m/themes/sap_horizon/SplitButton.less +46 -23
- package/src/sap/m/themes/sap_horizon/Text.less +3 -0
- package/src/sap/m/themes/sap_horizon/TextArea.less +24 -4
- package/src/sap/m/themes/sap_horizon/Toolbar.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Button.less +16 -4
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +30 -0
- package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +18 -3
- package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +24 -0
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +5 -7
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +2 -5
- package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +117 -14
- package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -2
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -9
- package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +46 -37
- package/src/sap/m/themes/sap_horizon_dark/Text.less +3 -0
- package/src/sap/m/themes/sap_horizon_dark/TextArea.less +24 -4
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +35 -1
- package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +135 -0
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +4 -6
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -3
- package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Slider.less +4 -32
- package/src/sap/m/themes/sap_horizon_hcb/Text.less +3 -0
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +35 -1
- package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +135 -0
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +4 -6
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -3
- package/src/sap/m/themes/sap_horizon_hcw/SegmentedButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Slider.less +4 -32
- package/src/sap/m/themes/sap_horizon_hcw/Text.less +3 -0
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +2 -1
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +11 -0
- package/src/sap/tnt/themes/sap_horizon/ToolPage.less +3 -1
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +2 -1
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +11 -0
- package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +3 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +13 -0
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +3 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +13 -0
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +3 -1
- package/src/sap/ui/commons/themes/sap_horizon/MenuButton.less +12 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/global.less +13 -9
- package/src/sap/ui/core/themes/sap_horizon/library.source.less +0 -4
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +14 -10
- package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +0 -4
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +9 -9
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +9 -9
- package/src/sap/ui/integration/themes/sap_horizon/ActionsStrip.less +1 -1
- package/src/sap/ui/integration/themes/sap_horizon_dark/ActionsStrip.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon/Cell.less +1 -0
- package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less +1 -0
- package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcb/library.source.less +0 -3
- package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcw/library.source.less +0 -3
|
@@ -345,6 +345,141 @@
|
|
|
345
345
|
color: @sapUiIndication8ActiveTextColor;
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
+
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
|
|
349
|
+
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
|
|
350
|
+
text-shadow: none;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
/* Second set of inverted indication colors regular state */
|
|
354
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
|
|
355
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
|
|
356
|
+
text-shadow: none;
|
|
357
|
+
color: @sapUiIndication1TextColor;
|
|
358
|
+
background-color: @sapUiIndication1Background;
|
|
359
|
+
border-color: @sapUiIndication1BorderColor;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
|
|
363
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
|
|
364
|
+
text-shadow: none;
|
|
365
|
+
color: @sapUiIndication2TextColor;
|
|
366
|
+
background-color: @sapUiIndication2Background;
|
|
367
|
+
border-color: @sapUiIndication2BorderColor;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
|
|
371
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
|
|
372
|
+
text-shadow: none;
|
|
373
|
+
color: @sapUiIndication3TextColor;
|
|
374
|
+
background-color: @sapUiIndication3Background;
|
|
375
|
+
border-color: @sapUiIndication3BorderColor;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
|
|
379
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
|
|
380
|
+
text-shadow: none;
|
|
381
|
+
color: @sapUiIndication4TextColor;
|
|
382
|
+
background-color: @sapUiIndication4Background;
|
|
383
|
+
border-color: @sapUiIndication4BorderColor;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
|
|
387
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
|
|
388
|
+
text-shadow: none;
|
|
389
|
+
color: @sapUiIndication5TextColor;
|
|
390
|
+
background-color: @sapUiIndication5Background;
|
|
391
|
+
border-color: @sapUiIndication5BorderColor;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
|
|
395
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
|
|
396
|
+
text-shadow: none;
|
|
397
|
+
color: @sapUiIndication6TextColor;
|
|
398
|
+
background-color: @sapUiIndication6Background;
|
|
399
|
+
border-color: @sapUiIndication6BorderColor;
|
|
400
|
+
}
|
|
401
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
|
|
402
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
|
|
403
|
+
text-shadow: none;
|
|
404
|
+
color: @sapUiIndication7TextColor;
|
|
405
|
+
background-color: @sapUiIndication7Background;
|
|
406
|
+
border-color: @sapUiIndication7BorderColor;
|
|
407
|
+
}
|
|
408
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
|
|
409
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
|
|
410
|
+
text-shadow: none;
|
|
411
|
+
color: @sapUiIndication8TextColor;
|
|
412
|
+
background-color: @sapUiIndication8Background;
|
|
413
|
+
border-color: @sapUiIndication8BorderColor;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
|
|
417
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
|
|
418
|
+
text-shadow: none;
|
|
419
|
+
color: @sapUiIndication9TextColor;
|
|
420
|
+
background-color: @sapUiIndication9Background;
|
|
421
|
+
border-color: @sapUiIndication9BorderColor;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
|
|
425
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
|
|
426
|
+
text-shadow: none;
|
|
427
|
+
color: @sapUiIndication10TextColor;
|
|
428
|
+
background-color: @sapUiIndication10Background;
|
|
429
|
+
border-color: @sapUiIndication10BorderColor;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
/* Second set of inverted indication colors hovered state */
|
|
433
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
434
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
435
|
+
background-color: @sapUiIndication1HoverBackground;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
439
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
440
|
+
background-color: @sapUiIndication2HoverBackground;
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
444
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
445
|
+
background-color: @sapUiIndication3HoverBackground;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
449
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
450
|
+
background-color: @sapUiIndication4HoverBackground;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
454
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
455
|
+
background-color: @sapUiIndication5HoverBackground;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
459
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
460
|
+
background-color: @sapUiIndication6HoverBackground;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
464
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
465
|
+
background-color: @sapUiIndication7HoverBackground;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
469
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
470
|
+
background-color: @sapUiIndication8HoverBackground;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
474
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
475
|
+
background-color: @sapUiIndication9HoverBackground;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
479
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
480
|
+
background-color: @sapUiIndication10HoverBackground;
|
|
481
|
+
}
|
|
482
|
+
|
|
348
483
|
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
|
|
349
484
|
top: 0.125rem;
|
|
350
485
|
left: 0.125rem;
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
}
|
|
26
26
|
.sapMSliderInner .sapMSliderHandle {
|
|
27
27
|
background: @sapUiSliderRangeHandleBackground;
|
|
28
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
29
28
|
top: -0.6875rem;
|
|
30
29
|
}
|
|
31
30
|
|
|
@@ -33,13 +32,12 @@
|
|
|
33
32
|
&:hover {
|
|
34
33
|
background-color: @sapUiSliderHoverHandleBackground;
|
|
35
34
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
36
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
37
35
|
}
|
|
38
36
|
|
|
39
37
|
&.sapMSliderHandlePressed {
|
|
40
38
|
&:not(:focus) {
|
|
41
39
|
background: transparent;
|
|
42
|
-
border: 0.125rem solid @
|
|
40
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
43
41
|
outline: none;
|
|
44
42
|
box-shadow: none;
|
|
45
43
|
top: -0.6875rem;
|
|
@@ -48,7 +46,7 @@
|
|
|
48
46
|
|
|
49
47
|
&:focus {
|
|
50
48
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
51
|
-
border: 0.125rem solid @
|
|
49
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
52
50
|
outline: none;
|
|
53
51
|
box-shadow: none;
|
|
54
52
|
top: -0.6875rem;
|
|
@@ -69,7 +67,7 @@
|
|
|
69
67
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
70
68
|
&:not(:focus) {
|
|
71
69
|
background: transparent;
|
|
72
|
-
border: 0.125rem solid @
|
|
70
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
73
71
|
outline: none;
|
|
74
72
|
box-shadow: none;
|
|
75
73
|
top: -0.5rem;
|
|
@@ -78,7 +76,7 @@
|
|
|
78
76
|
|
|
79
77
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
80
78
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
81
|
-
border: 0.125rem solid @
|
|
79
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
82
80
|
outline: none;
|
|
83
81
|
box-shadow: none;
|
|
84
82
|
top: -0.5rem;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
|
|
14
14
|
@_sap_m_SearchField_ResetIcon: "\e03e";
|
|
15
15
|
@_sap_m_SearchField_PlaceholderFontStyle: normal;
|
|
16
|
+
@_sap_m_SearchField_ActiveBackgroundStyle: @sapUiFieldBackgroundStyle;
|
|
16
17
|
|
|
17
18
|
.sapMSFF {
|
|
18
19
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
@@ -38,12 +39,12 @@
|
|
|
38
39
|
&:hover {
|
|
39
40
|
box-shadow: @sapUiFieldHoverShadow;
|
|
40
41
|
background-color: @sapUiButtonHoverBackground;
|
|
41
|
-
border-left:
|
|
42
|
-
border-right:
|
|
42
|
+
border-left: 2px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
43
|
+
border-right: 2px solid transparent;
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
&.sapMSFR:not(:last-child):hover { // if there is no search button the right border is not needed
|
|
46
|
-
border-right:
|
|
47
|
+
border-right: 2px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
&:active,
|
|
@@ -77,7 +77,7 @@ html.sap-desktop {
|
|
|
77
77
|
|
|
78
78
|
.sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
|
|
79
79
|
.sapMSegBBtnInner {
|
|
80
|
-
background: @
|
|
80
|
+
background: @sapButton_Active_Background;
|
|
81
81
|
color: @sapUiButtonSelectedTextColor;
|
|
82
82
|
border-color: @sapUiButtonSelectedBorderColor;
|
|
83
83
|
}
|
|
@@ -32,7 +32,6 @@
|
|
|
32
32
|
.sapMSliderHandle:hover {
|
|
33
33
|
background: @sapUiSliderHoverHandleBackground;
|
|
34
34
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
35
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
36
35
|
}
|
|
37
36
|
|
|
38
37
|
/* slider handle */
|
|
@@ -45,10 +44,6 @@
|
|
|
45
44
|
margin-left: -1rem;
|
|
46
45
|
top: -0.625rem;
|
|
47
46
|
|
|
48
|
-
&:not(:focus) {
|
|
49
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
47
|
&:focus:before {
|
|
53
48
|
content: '';
|
|
54
49
|
position: absolute;
|
|
@@ -62,7 +57,7 @@
|
|
|
62
57
|
}
|
|
63
58
|
}
|
|
64
59
|
|
|
65
|
-
.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
|
|
60
|
+
.sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
|
|
66
61
|
font-family: SAP-icons;
|
|
67
62
|
content: "\e29c";
|
|
68
63
|
position: absolute;
|
|
@@ -75,34 +70,17 @@
|
|
|
75
70
|
color: @sapContent_Selected_ForegroundColor;
|
|
76
71
|
}
|
|
77
72
|
|
|
78
|
-
.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
|
|
79
|
-
&:after {
|
|
80
|
-
top: 0.1875rem;
|
|
81
|
-
right: 0.4375rem;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
73
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
|
|
86
74
|
&:hover {
|
|
87
75
|
background: @sapUiSliderHoverHandleBackground;
|
|
88
76
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
89
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
&:focus:active {
|
|
93
|
-
background: @sapUiSliderActiveHandleBackground;
|
|
94
|
-
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
95
|
-
box-shadow: none;
|
|
96
|
-
&:before {
|
|
97
|
-
content: none;
|
|
98
|
-
}
|
|
99
77
|
}
|
|
100
78
|
}
|
|
101
79
|
|
|
102
80
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
103
|
-
background: @
|
|
81
|
+
background: @sapUiSliderActiveRangeHandleBackground;
|
|
82
|
+
border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
|
|
104
83
|
outline: none;
|
|
105
|
-
box-shadow: none;
|
|
106
84
|
top: -0.625rem;
|
|
107
85
|
}
|
|
108
86
|
|
|
@@ -123,6 +101,7 @@
|
|
|
123
101
|
}
|
|
124
102
|
|
|
125
103
|
.sapMSliderTick {
|
|
104
|
+
border-color: @sapUiContentMeasureIndicatorColor;
|
|
126
105
|
margin: 0;
|
|
127
106
|
height: .5rem;
|
|
128
107
|
}
|
|
@@ -210,13 +189,6 @@
|
|
|
210
189
|
top: 0.125rem;
|
|
211
190
|
right: 0.25rem;
|
|
212
191
|
}
|
|
213
|
-
|
|
214
|
-
.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
|
|
215
|
-
&:after {
|
|
216
|
-
top: 0.0625rem;
|
|
217
|
-
right: 0.1875rem;
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
192
|
}
|
|
221
193
|
|
|
222
194
|
.sapMSliderTick[data-ui5-active-tickmark="true"] {
|
|
@@ -62,8 +62,12 @@
|
|
|
62
62
|
|
|
63
63
|
// value state
|
|
64
64
|
.sapMCbErr {
|
|
65
|
-
.sapMCbBg
|
|
65
|
+
&:hover .sapMCbBg,
|
|
66
|
+
.sapMCbBg{
|
|
66
67
|
background-color: @sapUiFieldInvalidBackground;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.sapMCbBg {
|
|
67
71
|
border: @sapUiFieldInvalidBorderWidth dashed @sapUiFieldInvalidColor;
|
|
68
72
|
color: @sapUiFieldInvalidColor;
|
|
69
73
|
|
|
@@ -163,6 +167,21 @@
|
|
|
163
167
|
border-radius: 0.5rem;
|
|
164
168
|
}
|
|
165
169
|
|
|
170
|
+
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
171
|
+
.sapUiForm {
|
|
172
|
+
.sapMCbBg {
|
|
173
|
+
left: 0;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.sapMCb {
|
|
177
|
+
padding-left: 2.0625rem; // to have right gap between checkbox and label
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
|
|
181
|
+
left: -0.25rem; /* more is not possible as this would cut off the focus border */
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
166
185
|
.sapUiSizeCompact {
|
|
167
186
|
.sapMCb {
|
|
168
187
|
height: 2rem;
|
|
@@ -203,4 +222,19 @@
|
|
|
203
222
|
top: 0.5625rem;
|
|
204
223
|
left: 0.5625rem;
|
|
205
224
|
}
|
|
225
|
+
|
|
226
|
+
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
227
|
+
.sapUiForm {
|
|
228
|
+
.sapMCbBg {
|
|
229
|
+
left: 0;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.sapMCb {
|
|
233
|
+
padding-left: 1.5rem; // to have right gap between checkbox and label
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
|
|
237
|
+
left: -0.1875rem;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
206
240
|
}
|
|
@@ -38,4 +38,8 @@
|
|
|
38
38
|
|
|
39
39
|
.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
|
|
40
40
|
padding-right: 0rem;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
|
|
44
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
41
45
|
}
|
|
@@ -345,6 +345,141 @@
|
|
|
345
345
|
color: @sapUiIndication8ActiveTextColor;
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
+
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
|
|
349
|
+
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
|
|
350
|
+
text-shadow: none;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
/* Second set of inverted indication colors regular state */
|
|
354
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
|
|
355
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
|
|
356
|
+
text-shadow: none;
|
|
357
|
+
color: @sapUiIndication1TextColor;
|
|
358
|
+
background-color: @sapUiIndication1Background;
|
|
359
|
+
border-color: @sapUiIndication1BorderColor;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
|
|
363
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
|
|
364
|
+
text-shadow: none;
|
|
365
|
+
color: @sapUiIndication2TextColor;
|
|
366
|
+
background-color: @sapUiIndication2Background;
|
|
367
|
+
border-color: @sapUiIndication2BorderColor;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
|
|
371
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
|
|
372
|
+
text-shadow: none;
|
|
373
|
+
color: @sapUiIndication3TextColor;
|
|
374
|
+
background-color: @sapUiIndication3Background;
|
|
375
|
+
border-color: @sapUiIndication3BorderColor;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
|
|
379
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
|
|
380
|
+
text-shadow: none;
|
|
381
|
+
color: @sapUiIndication4TextColor;
|
|
382
|
+
background-color: @sapUiIndication4Background;
|
|
383
|
+
border-color: @sapUiIndication4BorderColor;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
|
|
387
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
|
|
388
|
+
text-shadow: none;
|
|
389
|
+
color: @sapUiIndication5TextColor;
|
|
390
|
+
background-color: @sapUiIndication5Background;
|
|
391
|
+
border-color: @sapUiIndication5BorderColor;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
|
|
395
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
|
|
396
|
+
text-shadow: none;
|
|
397
|
+
color: @sapUiIndication6TextColor;
|
|
398
|
+
background-color: @sapUiIndication6Background;
|
|
399
|
+
border-color: @sapUiIndication6BorderColor;
|
|
400
|
+
}
|
|
401
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
|
|
402
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
|
|
403
|
+
text-shadow: none;
|
|
404
|
+
color: @sapUiIndication7TextColor;
|
|
405
|
+
background-color: @sapUiIndication7Background;
|
|
406
|
+
border-color: @sapUiIndication7BorderColor;
|
|
407
|
+
}
|
|
408
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
|
|
409
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
|
|
410
|
+
text-shadow: none;
|
|
411
|
+
color: @sapUiIndication8TextColor;
|
|
412
|
+
background-color: @sapUiIndication8Background;
|
|
413
|
+
border-color: @sapUiIndication8BorderColor;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
|
|
417
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
|
|
418
|
+
text-shadow: none;
|
|
419
|
+
color: @sapUiIndication9TextColor;
|
|
420
|
+
background-color: @sapUiIndication9Background;
|
|
421
|
+
border-color: @sapUiIndication9BorderColor;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
|
|
425
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
|
|
426
|
+
text-shadow: none;
|
|
427
|
+
color: @sapUiIndication10TextColor;
|
|
428
|
+
background-color: @sapUiIndication10Background;
|
|
429
|
+
border-color: @sapUiIndication10BorderColor;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
/* Second set of inverted indication colors hovered state */
|
|
433
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
434
|
+
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
435
|
+
background-color: @sapUiIndication1HoverBackground;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
439
|
+
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
440
|
+
background-color: @sapUiIndication2HoverBackground;
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
444
|
+
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
445
|
+
background-color: @sapUiIndication3HoverBackground;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
449
|
+
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
450
|
+
background-color: @sapUiIndication4HoverBackground;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
454
|
+
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
455
|
+
background-color: @sapUiIndication5HoverBackground;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
459
|
+
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
460
|
+
background-color: @sapUiIndication6HoverBackground;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
464
|
+
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
465
|
+
background-color: @sapUiIndication7HoverBackground;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
469
|
+
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
470
|
+
background-color: @sapUiIndication8HoverBackground;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
474
|
+
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
475
|
+
background-color: @sapUiIndication9HoverBackground;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusText,
|
|
479
|
+
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusIcon {
|
|
480
|
+
background-color: @sapUiIndication10HoverBackground;
|
|
481
|
+
}
|
|
482
|
+
|
|
348
483
|
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
|
|
349
484
|
top: 0.125rem;
|
|
350
485
|
left: 0.125rem;
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
}
|
|
26
26
|
.sapMSliderInner .sapMSliderHandle {
|
|
27
27
|
background: @sapUiSliderRangeHandleBackground;
|
|
28
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
29
28
|
top: -.6875rem;
|
|
30
29
|
}
|
|
31
30
|
|
|
@@ -33,13 +32,12 @@
|
|
|
33
32
|
&:hover {
|
|
34
33
|
background-color: @sapUiSliderHoverHandleBackground;
|
|
35
34
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
36
|
-
box-shadow: @sapUiContentSelectedShadow;
|
|
37
35
|
}
|
|
38
36
|
|
|
39
37
|
&.sapMSliderHandlePressed {
|
|
40
38
|
&:not(:focus) {
|
|
41
39
|
background: transparent;
|
|
42
|
-
border: 0.125rem solid @
|
|
40
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
43
41
|
outline: none;
|
|
44
42
|
box-shadow: none;
|
|
45
43
|
top: -.6875rem;
|
|
@@ -48,7 +46,7 @@
|
|
|
48
46
|
|
|
49
47
|
&:focus {
|
|
50
48
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
51
|
-
border: 0.125rem solid @
|
|
49
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
52
50
|
outline: none;
|
|
53
51
|
box-shadow: none;
|
|
54
52
|
top: -.6875rem;
|
|
@@ -69,7 +67,7 @@
|
|
|
69
67
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
70
68
|
&:not(:focus) {
|
|
71
69
|
background: transparent;
|
|
72
|
-
border: 0.125rem solid @
|
|
70
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
73
71
|
outline: none;
|
|
74
72
|
box-shadow: none;
|
|
75
73
|
top: -0.5rem;
|
|
@@ -78,7 +76,7 @@
|
|
|
78
76
|
|
|
79
77
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
80
78
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
81
|
-
border: 0.125rem solid @
|
|
79
|
+
border: 0.125rem solid @sapUiContentFocusColor;
|
|
82
80
|
outline: none;
|
|
83
81
|
box-shadow: none;
|
|
84
82
|
top: -0.5rem;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
|
|
14
14
|
@_sap_m_SearchField_ResetIcon: "\e03e";
|
|
15
15
|
@_sap_m_SearchField_PlaceholderFontStyle: normal;
|
|
16
|
+
@_sap_m_SearchField_ActiveBackgroundStyle: @sapUiFieldBackgroundStyle;
|
|
16
17
|
|
|
17
18
|
.sapMSFF {
|
|
18
19
|
border-radius: @sapUiFieldBorderCornerRadius;
|
|
@@ -38,12 +39,12 @@
|
|
|
38
39
|
&:hover {
|
|
39
40
|
box-shadow: @sapUiFieldHoverShadow;
|
|
40
41
|
background-color: @sapUiButtonHoverBackground;
|
|
41
|
-
border-left:
|
|
42
|
-
border-right:
|
|
42
|
+
border-left: 2px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
43
|
+
border-right: 2px solid transparent;
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
&.sapMSFR:not(:last-child):hover { // if there is no search button the right border is not needed
|
|
46
|
-
border-right:
|
|
47
|
+
border-right: 2px solid @sapUiButtonHoverBorderColor; // contrast themes specific
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
&:active,
|
|
@@ -77,7 +77,7 @@ html.sap-desktop {
|
|
|
77
77
|
|
|
78
78
|
.sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
|
|
79
79
|
.sapMSegBBtnInner {
|
|
80
|
-
background: @
|
|
80
|
+
background: @sapButton_Active_Background;
|
|
81
81
|
color: @sapUiButtonSelectedTextColor;
|
|
82
82
|
border-color: @sapUiButtonSelectedBorderColor;
|
|
83
83
|
}
|