@openui5/themelib_sap_horizon 1.98.0 → 1.99.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/package.json +18 -18
- package/src/sap/m/themes/sap_horizon/GenericTile.less +0 -1
- package/src/sap/m/themes/sap_horizon/MenuButton.less +4 -0
- package/src/sap/m/themes/sap_horizon/Page.less +5 -2
- package/src/sap/m/themes/sap_horizon/SlideTile.less +10 -1
- package/src/sap/m/themes/sap_horizon/SplitButton.less +4 -4
- package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +1 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/shared.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon/TokenDisplay.less +34 -0
- package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +10 -0
- package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +9 -0
- package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +3 -1
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +17 -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 +3 -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 +61 -4
- 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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.99.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.99.0",
|
|
18
|
+
"@openui5/sap.m": "1.99.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.99.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.99.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.99.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.99.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.99.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.99.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.99.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.99.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.99.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.99.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.99.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.99.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.99.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.99.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.99.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -138,10 +138,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
138
138
|
top: 2.75rem;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
> .sapMPageHeader + .sapMPageSubHeader + section
|
|
142
|
-
> .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
|
|
141
|
+
> .sapMPageHeader + .sapMPageSubHeader + section {
|
|
143
142
|
top: 5.5rem;
|
|
144
143
|
}
|
|
144
|
+
|
|
145
|
+
> .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
|
|
146
|
+
top: 4.75rem;
|
|
147
|
+
}
|
|
145
148
|
}
|
|
146
149
|
|
|
147
150
|
.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader {
|
|
@@ -43,7 +43,7 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.sapMST.TwoByOne {
|
|
46
|
-
width:
|
|
46
|
+
width: 22.5rem;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.sapMST.TwoByHalf {
|
|
@@ -73,4 +73,13 @@ html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after,
|
|
|
73
73
|
html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
|
|
74
74
|
border: none;
|
|
75
75
|
border-radius: @sapElement_BorderCornerRadius;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
html.sap-desktop .sapMST:hover {
|
|
79
|
+
box-shadow: @sapContent_Shadow1 !important;;
|
|
80
|
+
|
|
81
|
+
.sapMGT:hover {
|
|
82
|
+
box-shadow: none !important;
|
|
83
|
+
}
|
|
84
|
+
|
|
76
85
|
}
|
|
@@ -146,10 +146,10 @@
|
|
|
146
146
|
height: 0.9rem;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.sapMSB .sapMBtnInner.sapMBtnIconFirst:hover::before,
|
|
150
|
-
.sapMSB .sapMBtn.sapMSBActive .sapMBtnInner.sapMBtnIconFirst::before,
|
|
151
|
-
.sapMMenuBtn:hover .sapMBtnInner.sapMBtnIconFirst::before,
|
|
152
|
-
.sapMMenuBtn:focus .sapMBtnInner.sapMBtnIconFirst::before {
|
|
149
|
+
.sapMSB .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnIconFirst:hover::before,
|
|
150
|
+
.sapMSB .sapMBtn.sapMSBActive.sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnIconFirst::before,
|
|
151
|
+
.sapMMenuBtn:hover .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnIconFirst::before,
|
|
152
|
+
.sapMMenuBtn:focus .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
153
153
|
display: none;
|
|
154
154
|
}
|
|
155
155
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2022 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.99.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
@@ -347,7 +347,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
|
|
|
347
347
|
font-style: normal;
|
|
348
348
|
font-weight: 700;
|
|
349
349
|
unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
|
|
350
|
-
src: local('Arial'), local('Helvetica'), local('sans-serif');
|
|
350
|
+
src: local('Arial Bold'), local('Arial'), local('Helvetica'), local('sans-serif');
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
@font-face {
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* ======================================== */
|
|
2
|
+
/* CSS for control sap.ui.mdc/TokenDisplay */
|
|
3
|
+
/* Horizon theme */
|
|
4
|
+
/* ======================================== */
|
|
5
|
+
|
|
6
|
+
.sapUiMdcTokenizerDisplay .sapMToken {
|
|
7
|
+
background: transparent;
|
|
8
|
+
border: 0px;
|
|
9
|
+
|
|
10
|
+
padding-left: 0.3125rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.sapUiMdcTokenizerDisplay .sapMTokenSelected:not(:focus),
|
|
14
|
+
.sapUiMdcTokenizerDisplay .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
|
|
15
|
+
background: transparent;
|
|
16
|
+
border: 0px;
|
|
17
|
+
box-shadow: none;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:not(.sapMTokenSelected):not(:focus):hover {
|
|
21
|
+
background: transparent;
|
|
22
|
+
border: 0px;
|
|
23
|
+
box-shadow: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken.sapMTokenSelected:hover {
|
|
27
|
+
background: transparent;
|
|
28
|
+
border: 0px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:focus {
|
|
32
|
+
border: 0px;
|
|
33
|
+
box-shadow: none;
|
|
34
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/* =========================================== */
|
|
2
|
+
/* CSS for control sap.ui.mdc/TokenizerDisplay */
|
|
3
|
+
/* Horizon theme */
|
|
4
|
+
/* =========================================== */
|
|
5
|
+
|
|
6
|
+
html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
|
|
7
|
+
outline: none;
|
|
8
|
+
box-shadow: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
@@ -6,4 +6,13 @@
|
|
|
6
6
|
// give the title 2rem left margin
|
|
7
7
|
.sapMdcValueHelpTitle.sapMDialog header .sapMBarPH {
|
|
8
8
|
padding-left: 2rem;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
// setting some background to transparent so that the VH dialog content get a white background
|
|
12
|
+
.sapMdcValueHelpPanel .sapMPanel.sapMdcTokenizerPanel {
|
|
13
|
+
background-color: transparent;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.sapMdcValueHelpPanel .sapMITBContent {
|
|
17
|
+
background-color: transparent;
|
|
9
18
|
}
|
|
@@ -3,67 +3,29 @@
|
|
|
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: @sapUiElementBorderCornerRadius;
|
|
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
|
}
|
|
69
31
|
}
|
|
@@ -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 {
|
|
@@ -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,78 @@
|
|
|
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: @sapUiElementBorderCornerRadius;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.sapMSegBBtnSel {
|
|
44
|
+
|
|
45
|
+
&:hover .sapMSegBBtnInner::after {
|
|
46
|
+
border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_BtnHover; //2px
|
|
47
|
+
border-radius: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
& .sapMSegBBtnInner::after {
|
|
51
|
+
border-radius: 0;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.sapMBtn:focus .sapMFocusable {
|
|
56
|
+
border: 0.0625rem solid @_sap_ui_rta_Toolbar_Base_BtnSelected; //1px
|
|
57
|
+
}
|
|
58
|
+
.sapUiRtaToolbarSwitcherSection {
|
|
59
|
+
.sapMSegBBtn:hover {
|
|
60
|
+
.sapUiIcon,
|
|
61
|
+
&.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
|
|
62
|
+
color: @_sap_ui_rta_Toolbar_Base_BtnHover;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.sapMTB:not(.sapMTB-Info-CTX) {
|
|
68
|
+
border-top-right-radius: 0;
|
|
69
|
+
border-top-left-radius: 0;
|
|
70
|
+
}
|
|
18
71
|
}
|
|
19
72
|
}
|
|
20
73
|
|
|
21
74
|
.sapUiSizeCozy .sapUiRtaToolbar .sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
|
|
22
75
|
line-height: 2rem; //32px
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
html.sap-desktop .sapUiRtaMode .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
|
|
79
|
+
border: none;
|
|
23
80
|
}
|
|
@@ -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;
|