@openui5/themelib_sap_horizon 1.96.25 → 1.96.27
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/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/m/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/codeeditor/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/commons/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +2 -2
- package/src/sap/ui/core/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/dt/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/fl/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/integration/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +25 -55
- package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +9 -8
- package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +7 -27
- package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +24 -3
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +23 -2
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +65 -5
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.personalization.less +12 -1
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.standalone.less +2 -1
- package/src/sap/ui/rta/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/suite/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/unified/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/ux3/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/uxap/themes/sap_horizon/library.source.less +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.96.
|
|
3
|
+
"version": "1.96.27",
|
|
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.96.
|
|
18
|
-
"@openui5/sap.m": "1.96.
|
|
19
|
-
"@openui5/sap.tnt": "1.96.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.96.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.96.
|
|
22
|
-
"@openui5/sap.ui.core": "1.96.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.96.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.96.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.96.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.96.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.96.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.96.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.96.
|
|
30
|
-
"@openui5/sap.ui.table": "1.96.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.96.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.96.
|
|
33
|
-
"@openui5/sap.uxap": "1.96.
|
|
17
|
+
"@openui5/sap.f": "1.96.27",
|
|
18
|
+
"@openui5/sap.m": "1.96.27",
|
|
19
|
+
"@openui5/sap.tnt": "1.96.27",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.96.27",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.96.27",
|
|
22
|
+
"@openui5/sap.ui.core": "1.96.27",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.96.27",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.96.27",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.96.27",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.96.27",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.96.27",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.96.27",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.96.27",
|
|
30
|
+
"@openui5/sap.ui.table": "1.96.27",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.96.27",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.96.27",
|
|
33
|
+
"@openui5/sap.uxap": "1.96.27"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
<name>sap_horizon</name>
|
|
5
5
|
<vendor>SAP SE</vendor>
|
|
6
6
|
<copyright>OpenUI5
|
|
7
|
-
* (c) Copyright 2009-
|
|
7
|
+
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.96.
|
|
9
|
+
<version>1.96.27</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -3,67 +3,37 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ======================================= */
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
@
|
|
6
|
+
@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiButtonEmphasizedBorderColor;
|
|
7
|
+
@_sap_ui_rta_ContextMenu_ShadowDarkColor: #000;
|
|
8
|
+
@_sap_ui_rta_ContextMenu_ShadowLightColor: #fff;
|
|
9
|
+
@_sap_ui_rta_ContextMenu_BoxShadow: 0 0.625rem 1.25rem fade(@_sap_ui_rta_ContextMenu_ShadowDarkColor, 19),
|
|
10
|
+
0 0.375rem 0.375rem fade(@_sap_ui_rta_ContextMenu_ShadowDarkColor, 23),
|
|
11
|
+
0 0 0 0.0625rem fade(@_sap_ui_rta_ContextMenu_ShadowLightColor, 20),
|
|
12
|
+
0 0.0625rem 0 0 fade(@_sap_ui_rta_ContextMenu_ShadowLightColor, 20);
|
|
8
13
|
|
|
9
14
|
.sapUiRtaMode {
|
|
10
|
-
|
|
11
15
|
.sapUiDtContextMenu {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
border-
|
|
16
|
-
box-shadow: 0 0.625rem 1.25rem fade(black, 19), 0 0.375rem 0.375rem fade(black, 23), 0 0 0 0.0625rem fade(white, 20), 0 0.0625rem 0 0 fade(white, 20); //10px 20px 6px 6px 1px 1px
|
|
16
|
+
&.sapMMenu {
|
|
17
|
+
border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_DarkColor; //2px
|
|
18
|
+
box-shadow: @_sap_ui_rta_ContextMenu_BoxShadow;
|
|
19
|
+
border-radius: @sapUiGroupBorderCornerRadius;
|
|
17
20
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
&:after {
|
|
25
|
-
box-shadow: 0.375rem -0.375rem 0.75rem 0 fade(black,30), 0 0 0 0.0625rem fade(white,20); //6px 6px 12px 1px
|
|
26
|
-
border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
|
|
27
|
-
border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
|
|
28
|
-
width: 1rem; //16px
|
|
29
|
-
height: 0.8125rem; //13px
|
|
30
|
-
margin: -0.65rem 0 0 0.35rem; //10px 6px
|
|
31
|
-
}
|
|
32
|
-
&.sapMPopoverArrUp {
|
|
33
|
-
height: 0.8125rem; //13px
|
|
34
|
-
top: -0.8125rem; //13px
|
|
35
|
-
&:after {
|
|
36
|
-
box-shadow: -0.375rem 0.375rem 0.75rem 0 fade(black,30), 0 0 0 0.0625rem fade(white,20); //6px 6px 12px 1px
|
|
37
|
-
margin: 0.35rem 0 0 0.35rem; //6px 6px
|
|
21
|
+
&.sapUiSubmenu,
|
|
22
|
+
&:not(.sapUiDtContextMiniMenu) {
|
|
23
|
+
.sapUiMnuItm {
|
|
24
|
+
&.sapUiMnuItmHov {
|
|
25
|
+
color: @sapUiListTextColor;
|
|
26
|
+
background-color: @sapUiListHoverBackground;
|
|
38
27
|
}
|
|
39
28
|
}
|
|
40
29
|
}
|
|
41
|
-
|
|
42
|
-
.sapMBtnInner.sapMBtnText .sapMBtnIcon {
|
|
43
|
-
padding-left: 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.sapMBtnIcon {
|
|
47
|
-
margin-left: 0.4375rem; //7px
|
|
48
|
-
margin-right: 0.4375rem; //7px
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&.sapMBtn:focus:not(:hover) > .sapMFocusable,
|
|
52
|
-
.sapMBtn:focus:not(:hover) > .sapMFocusable {
|
|
53
|
-
outline: none;
|
|
54
|
-
border: 0.0625rem dotted; //1px
|
|
55
|
-
}
|
|
56
|
-
&.sapMBtn:hover:not(:focus) > .sapMBtnHoverable,
|
|
57
|
-
.sapMBtn:hover:not(:focus) > .sapMBtnHoverable {
|
|
58
|
-
outline: none;
|
|
59
|
-
border: 0.0625rem solid; //1px
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.sapMBtn:focus:hover > .sapMFocusable,
|
|
63
|
-
&.sapMBtn:focus:hover > .sapMFocusable {
|
|
64
|
-
border: 0.0625rem solid; //1px
|
|
65
|
-
outline: 0.0625rem dotted; //1px
|
|
66
|
-
outline-offset: -0.25rem; //4px
|
|
67
|
-
}
|
|
68
30
|
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.sapUiRtaMode .sapUiDtContextMiniMenu:not(.sapUiSubmenu) .sapUiMnuItm.sapUiMnuItmHov .sapUiIcon {
|
|
34
|
+
background-color: @sapUiListHoverBackground;
|
|
35
|
+
border: 1px dotted;
|
|
36
|
+
}
|
|
37
|
+
.sapUiSizeCozy.sapUiRtaMode .sapUiMnu.sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
|
|
38
|
+
min-width: 68px;
|
|
69
39
|
}
|
|
@@ -3,21 +3,23 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Border_LightColor: @
|
|
7
|
-
@_sap_ui_rta_Border_DarkColor: @
|
|
6
|
+
@_sap_ui_rta_Border_LightColor: @sapUiShellBorderColor; //#fff
|
|
7
|
+
@_sap_ui_rta_Border_DarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
|
|
8
8
|
@_sap_ui_rta_Border_BoxShadow: 0 0.625rem 1.25rem fade(black, 19), 0 0.375rem 0.375rem fade(black, 23), 0 0 0 0.0625rem fade(white, 20), 0 0.0625rem 0 0 fade(white, 20); //10px 20px 6px 6px 1px 1px
|
|
9
9
|
|
|
10
10
|
.sapMDialog.sapUiRTABorder {
|
|
11
|
-
border: 0.
|
|
12
|
-
border-
|
|
11
|
+
border: 0.188rem solid @_sap_ui_rta_Border_LightColor; //3px
|
|
12
|
+
border-radius: @sapUiElementBorderCornerRadius;
|
|
13
|
+
outline: 0.188rem dashed @_sap_ui_rta_Border_DarkColor; //3px
|
|
14
|
+
outline-offset: -0.188rem;
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
.sapUiRtaPopover {
|
|
16
18
|
|
|
17
19
|
&.sapMPopover, .sapMPopover {
|
|
18
|
-
border: 0.
|
|
19
|
-
border-image: repeating-linear-gradient(-45deg, @_sap_ui_rta_Border_DarkColor, @_sap_ui_rta_Border_DarkColor 4px, @_sap_ui_rta_Border_LightColor 4px, @_sap_ui_rta_Border_LightColor 6px) 4;
|
|
20
|
+
border: 0.188rem dashed @_sap_ui_rta_Border_DarkColor; //3px
|
|
20
21
|
box-shadow: @_sap_ui_rta_Border_BoxShadow;
|
|
22
|
+
border-radius: @sapUiElementBorderCornerRadius;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
&.sapMPopoverArr, .sapMPopoverArr {
|
|
@@ -26,8 +28,7 @@
|
|
|
26
28
|
bottom: -2rem; //32px
|
|
27
29
|
&:after {
|
|
28
30
|
box-shadow: 0.375rem -0.375rem 0.75rem 0 fade(black, 30), 0 0 0 0.0625rem fade(white, 20); //6px 6px 12px 1px
|
|
29
|
-
border: 0.
|
|
30
|
-
border-image: repeating-linear-gradient(-50deg, @_sap_ui_rta_Border_DarkColor, @_sap_ui_rta_Border_DarkColor 3px, @_sap_ui_rta_Border_LightColor 3px, @_sap_ui_rta_Border_LightColor 5px) 4;
|
|
31
|
+
border: 0.188rem dashed @_sap_ui_rta_Border_DarkColor; //3px
|
|
31
32
|
width: 1rem; //16px
|
|
32
33
|
height: 0.8125rem; //13px
|
|
33
34
|
margin: -0.65rem 0 0 0.35rem; //10px 6px
|
|
@@ -3,13 +3,8 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* =========================================== */
|
|
5
5
|
|
|
6
|
-
@sap_ui_rta_FieldRepository_ListSelect:
|
|
7
|
-
@
|
|
8
|
-
@sap_ui_rta_FieldRepository_ListHoverBG: @sapUiListSelectionHoverBackground; //#dde8f1
|
|
9
|
-
@sap_ui_rta_FieldRepository_ButtonEmphasizedBG: @sapUiButtonEmphasizedBackground; //#0a6ed1
|
|
10
|
-
@sap_ui_rta_FieldRepository_ButtonEmphasizedText: @sapUiButtonEmphasizedTextColor; //#ffffff
|
|
11
|
-
@sap_ui_rta_FieldRepository_ButtonEmphasizedHoverBG: @sapUiButtonHoverBackground; //#ebf5fe
|
|
12
|
-
@sap_ui_rta_FieldRepository_FocusColor: @sapContent_FocusColor; //#000000
|
|
6
|
+
@sap_ui_rta_FieldRepository_ListSelect: @sapUiListHoverSelectionBackground;
|
|
7
|
+
@sap_ui_rta_FieldRepository_ButtonActiveColor: @sapUiButtonActiveBorderColor;
|
|
13
8
|
|
|
14
9
|
.sapUiRtaMode {
|
|
15
10
|
|
|
@@ -17,42 +12,27 @@
|
|
|
17
12
|
|
|
18
13
|
.sapMBtn {
|
|
19
14
|
&:hover:not(focus) {
|
|
20
|
-
.sapMBtnInner {
|
|
21
|
-
border: 0.0625rem solid @sap_ui_rta_FieldRepository_ButtonEmphasizedBG; //1px
|
|
22
|
-
}
|
|
23
15
|
.sapMBtnHoverable {
|
|
24
16
|
outline: none;
|
|
25
17
|
}
|
|
26
18
|
}
|
|
27
19
|
|
|
28
|
-
> .sapMBtnInner {
|
|
29
|
-
|
|
20
|
+
> .sapMBtnInner:not(.sapMBtnEmphasized) {
|
|
21
|
+
background: transparent;
|
|
30
22
|
}
|
|
31
23
|
|
|
32
24
|
&:focus {
|
|
33
|
-
&:not(:hover) > .sapMFocusable {
|
|
34
|
-
border: 0.0625rem dotted @sap_ui_rta_FieldRepository_FocusColor; //1px
|
|
35
|
-
outline: none;
|
|
36
|
-
}
|
|
37
25
|
&:hover > .sapMFocusable {
|
|
38
|
-
|
|
39
|
-
outline: 0.
|
|
40
|
-
outline-offset: -0.25rem; //4px
|
|
26
|
+
outline: 0.125rem solid @sap_ui_rta_FieldRepository_ButtonActiveColor;
|
|
27
|
+
outline-offset: -0.125rem;
|
|
41
28
|
}
|
|
42
29
|
}
|
|
43
30
|
}
|
|
44
31
|
|
|
45
32
|
.sapMLIBHoverable {
|
|
46
|
-
&:hover {
|
|
47
|
-
background: @sap_ui_rta_FieldRepository_ListSelect;
|
|
48
|
-
}
|
|
49
33
|
&.sapMLIBSelected:hover {
|
|
50
|
-
background: @
|
|
34
|
+
background: @sap_ui_rta_FieldRepository_ListSelect;
|
|
51
35
|
}
|
|
52
36
|
}
|
|
53
|
-
|
|
54
|
-
.sapMLIB.sapMLIBSelected {
|
|
55
|
-
border-color: transparent;
|
|
56
|
-
}
|
|
57
37
|
}
|
|
58
38
|
}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Overlay_BaseBG: @
|
|
7
|
-
@_sap_ui_rta_Overlay_BaseColor: @
|
|
8
|
-
@_sap_ui_rta_Overlay_Base_PlaceholderBG: lighten(saturate(@
|
|
6
|
+
@_sap_ui_rta_Overlay_BaseBG: @sapUiShellBackground; //#f5f6f7
|
|
7
|
+
@_sap_ui_rta_Overlay_BaseColor: @sapUiNotificationBarBG; //rgba(85,107,130,0.98)
|
|
8
|
+
@_sap_ui_rta_Overlay_Base_PlaceholderBG: lighten(saturate(@sapUiShellBackground, 15%), 2%);
|
|
9
9
|
|
|
10
10
|
.sapUiRta {
|
|
11
11
|
.sapUiDtOverlayDropZone {
|
|
@@ -15,4 +15,25 @@
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
+
.sapUiDtOverlayFocusable:focus:before {
|
|
19
|
+
border-radius: @sapUiFieldBorderCornerRadius;
|
|
20
|
+
outline: 0.0625rem dotted @sapUiSelected;
|
|
21
|
+
border: none;
|
|
22
|
+
outline-offset: -0.125rem;
|
|
23
|
+
}
|
|
24
|
+
&:not(.sapUiRtaVisualizationMode) {
|
|
25
|
+
.sapUiRtaOverlayHover:after {
|
|
26
|
+
border-radius: @sapUiFieldBorderCornerRadius;
|
|
27
|
+
border: none;
|
|
28
|
+
background: fade(@sapUiSelected, 5%);
|
|
29
|
+
}
|
|
30
|
+
.sapUiDtOverlaySelected {
|
|
31
|
+
box-shadow: none;
|
|
32
|
+
&:after {
|
|
33
|
+
border-radius: @sapUiFieldBorderCornerRadius;
|
|
34
|
+
transition: box-shadow 0.25s;
|
|
35
|
+
box-shadow: 0px 6px 12px 0px rgba(85, 107, 130, 0.3);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
18
39
|
}
|
|
@@ -3,5 +3,26 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ============================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @
|
|
7
|
-
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @
|
|
6
|
+
@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiToolbarBackground;
|
|
7
|
+
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor;
|
|
8
|
+
@_sap_ui_rta_Toolbar_Adaptation_BorderDarkColor: @sapUiButtonEmphasizedBorderColor;
|
|
9
|
+
|
|
10
|
+
.sapUiRtaMode {
|
|
11
|
+
|
|
12
|
+
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
13
|
+
border: 0.188rem dashed @_sap_ui_rta_Toolbar_Adaptation_BorderDarkColor;
|
|
14
|
+
border-image: none;
|
|
15
|
+
|
|
16
|
+
.sapMFlexBox {
|
|
17
|
+
background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sapMList {
|
|
22
|
+
padding: 3px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.sapUiRtaVersionHistory {
|
|
26
|
+
border: none;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -3,21 +3,81 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ======================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG:
|
|
7
|
-
@_sap_ui_rta_Toolbar_Base_TextColor: @
|
|
8
|
-
@_sap_ui_rta_Toolbar_Base_BaseColor: @
|
|
9
|
-
@_sap_ui_rta_Toolbar_Base_BtnHover:
|
|
6
|
+
@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG: @sapUiToolbarBackground;
|
|
7
|
+
@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiShellTextColor;
|
|
8
|
+
@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiToolbarBackground;
|
|
9
|
+
@_sap_ui_rta_Toolbar_Base_BtnHover: @sapUiShellTextColor;
|
|
10
|
+
@_sap_ui_rta_Toolbar_Base_BtnSelected: @sapUiSelected;
|
|
10
11
|
|
|
11
12
|
.sapUiRtaMode {
|
|
12
13
|
.sapUiRtaToolbar {
|
|
14
|
+
|
|
15
|
+
.sapMSegB {
|
|
16
|
+
.sapMSegBBtn {
|
|
17
|
+
margin:0px 2px;
|
|
18
|
+
.sapMSegBBtnInnerWrapper {
|
|
19
|
+
background-color: @sapUiToolbarBackground;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
13
24
|
.sapMBtn {
|
|
14
25
|
&.sapMBtnDisabled .sapMBtnInner {
|
|
15
26
|
opacity: 1.0;
|
|
16
27
|
}
|
|
17
28
|
}
|
|
29
|
+
|
|
30
|
+
.sapMSegBBtn.sapMSegBBtnFocusable {
|
|
31
|
+
|
|
32
|
+
&:hover .sapMSegBBtnInner,
|
|
33
|
+
&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
|
|
34
|
+
color: @_sap_ui_rta_Toolbar_Base_BtnHover;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&:focus .sapMSegBBtnInner {
|
|
38
|
+
outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Base_BtnSelected; //1px
|
|
39
|
+
outline-offset: -0.0625rem; //1px
|
|
40
|
+
border-radius: @sapUiButtonBorderCornerRadius;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.sapMSegBBtnSel {
|
|
44
|
+
|
|
45
|
+
&:hover .sapMSegBBtnInner::after {
|
|
46
|
+
content: none;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
& .sapMSegBBtnInner{
|
|
50
|
+
background: @sapUiSelected;
|
|
51
|
+
color: @sapUiToolbarBackground;
|
|
52
|
+
&:after{
|
|
53
|
+
content: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.sapMBtn:focus .sapMFocusable {
|
|
59
|
+
border: 0.0625rem solid @_sap_ui_rta_Toolbar_Base_BtnSelected; //1px
|
|
60
|
+
}
|
|
61
|
+
.sapUiRtaToolbarSwitcherSection {
|
|
62
|
+
.sapMSegBBtn:hover {
|
|
63
|
+
.sapUiIcon,
|
|
64
|
+
&.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
|
|
65
|
+
color: @_sap_ui_rta_Toolbar_Base_BtnHover;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.sapMTB:not(.sapMTB-Info-CTX) {
|
|
71
|
+
border-top-right-radius: 0;
|
|
72
|
+
border-top-left-radius: 0;
|
|
73
|
+
}
|
|
18
74
|
}
|
|
19
75
|
}
|
|
20
76
|
|
|
21
77
|
.sapUiSizeCozy .sapUiRtaToolbar .sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
|
|
22
|
-
line-height:
|
|
78
|
+
line-height: 2.25rem;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
html.sap-desktop .sapUiRtaMode .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
|
|
82
|
+
border: none;
|
|
23
83
|
}
|
|
@@ -3,4 +3,15 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* =================================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Toolbar_Personalization_BaseColor:
|
|
6
|
+
@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiToolbarBackground;
|
|
7
|
+
@_sap_ui_rta_Toolbar_Personalization_TextColor: @sapUiShellTextColor;
|
|
8
|
+
|
|
9
|
+
.sapUiRtaToolbar.type_personalization {
|
|
10
|
+
.sapMBtn {
|
|
11
|
+
.sapMBtnTransparent.sapMBtnInner {
|
|
12
|
+
.sapMBtnContent {
|
|
13
|
+
text-shadow: none;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -3,4 +3,5 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ============================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Toolbar_Standalone_BaseColor: @
|
|
6
|
+
@_sap_ui_rta_Toolbar_Standalone_BaseColor: @sapUiToolbarBackground;
|
|
7
|
+
@_sap_ui_rta_Toolbar_Standalone_TextColor: @sapUiShellTextColor;
|