@openui5/themelib_sap_horizon 1.120.16 → 1.120.18
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 +6 -0
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +2 -2
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +5 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +2 -2
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +5 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +2 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +21 -21
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +2 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +23 -23
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.120.
|
|
3
|
+
"version": "1.120.18",
|
|
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.120.
|
|
18
|
-
"@openui5/sap.m": "1.120.
|
|
19
|
-
"@openui5/sap.tnt": "1.120.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.120.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.120.
|
|
22
|
-
"@openui5/sap.ui.core": "1.120.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.120.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.120.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.120.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.120.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.120.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.120.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.120.
|
|
30
|
-
"@openui5/sap.ui.table": "1.120.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.120.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.120.
|
|
33
|
-
"@openui5/sap.uxap": "1.120.
|
|
17
|
+
"@openui5/sap.f": "1.120.18",
|
|
18
|
+
"@openui5/sap.m": "1.120.18",
|
|
19
|
+
"@openui5/sap.tnt": "1.120.18",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.120.18",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.120.18",
|
|
22
|
+
"@openui5/sap.ui.core": "1.120.18",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.120.18",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.120.18",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.120.18",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.120.18",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.120.18",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.120.18",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.120.18",
|
|
30
|
+
"@openui5/sap.ui.table": "1.120.18",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.120.18",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.120.18",
|
|
33
|
+
"@openui5/sap.uxap": "1.120.18"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -368,6 +368,12 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
|
|
|
368
368
|
.sapMGT.TwoByHalf {
|
|
369
369
|
width: 23rem;
|
|
370
370
|
}
|
|
371
|
+
.sapMGT.TwoByHalf.sapMTileSmallPhone {
|
|
372
|
+
width: 19rem;
|
|
373
|
+
}
|
|
374
|
+
.sapMGT.TwoByOne.sapMTileSmallPhone {
|
|
375
|
+
width: 19rem;
|
|
376
|
+
}
|
|
371
377
|
}
|
|
372
378
|
|
|
373
379
|
.sapMGT.TwoByOne {
|
|
@@ -64,6 +64,12 @@
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
|
|
68
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
69
|
+
color: @sapUiButtonSelectedTextColor;
|
|
70
|
+
border-color: @sapUiButtonSelectedBorderColor;
|
|
71
|
+
}
|
|
72
|
+
|
|
67
73
|
span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
|
|
68
74
|
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
|
|
69
75
|
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
|
|
@@ -64,6 +64,12 @@
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
|
|
68
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
69
|
+
color: @sapUiButtonSelectedTextColor;
|
|
70
|
+
border-color: @sapUiButtonSelectedBorderColor;
|
|
71
|
+
}
|
|
72
|
+
|
|
67
73
|
span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
|
|
68
74
|
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
|
|
69
75
|
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
|
|
@@ -16,6 +16,12 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
|
|
|
16
16
|
background-color: @sapUiHcReducedBackground;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
|
|
20
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
21
|
+
color: @sapUiButtonSelectedTextColor;
|
|
22
|
+
border-color: @sapUiButtonSelectedBorderColor;
|
|
23
|
+
}
|
|
24
|
+
|
|
19
25
|
/* Icon in disabled toggled button */
|
|
20
26
|
|
|
21
27
|
.sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
|
|
@@ -16,6 +16,12 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
|
|
|
16
16
|
background-color: @sapUiHcReducedBackground;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
|
|
20
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
21
|
+
color: @sapUiButtonSelectedTextColor;
|
|
22
|
+
border-color: @sapUiButtonSelectedBorderColor;
|
|
23
|
+
}
|
|
24
|
+
|
|
19
25
|
/* Icon in disabled toggled button */
|
|
20
26
|
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon {
|
|
21
27
|
color: @sapUiHcReducedAltForeground;
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
14
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
13
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
14
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
@@ -19,18 +19,20 @@
|
|
|
19
19
|
// sap.m.Toolbar overriding
|
|
20
20
|
// ==========================================================================
|
|
21
21
|
|
|
22
|
-
.sapTntToolHeader {
|
|
22
|
+
.sapTntToolHeader:not(.sapUshellShellToolHeader) {
|
|
23
23
|
&.sapMTB {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
|
-
padding: 0 1.25rem 0 0.75rem
|
|
25
|
+
padding: 0 1.25rem 0 0.75rem;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&.sapMTBStandard {
|
|
29
29
|
border-bottom: none;
|
|
30
30
|
}
|
|
31
|
+
}
|
|
31
32
|
|
|
33
|
+
.sapTntToolHeader {
|
|
32
34
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
33
|
-
margin: 0 0 0 0.375rem
|
|
35
|
+
margin: 0 0 0 0.375rem;
|
|
34
36
|
}
|
|
35
37
|
|
|
36
38
|
&.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
14
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
13
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
14
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
@@ -19,18 +19,20 @@
|
|
|
19
19
|
// sap.m.Toolbar overriding
|
|
20
20
|
// ==========================================================================
|
|
21
21
|
|
|
22
|
-
.sapTntToolHeader {
|
|
22
|
+
.sapTntToolHeader:not(.sapUshellShellToolHeader) {
|
|
23
23
|
&.sapMTB {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
|
-
padding: 0 1.25rem 0 0.75rem
|
|
25
|
+
padding: 0 1.25rem 0 0.75rem;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&.sapMTBStandard {
|
|
29
29
|
border-bottom: none;
|
|
30
30
|
}
|
|
31
|
+
}
|
|
31
32
|
|
|
33
|
+
.sapTntToolHeader {
|
|
32
34
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
33
|
-
margin: 0 0 0 0.375rem
|
|
35
|
+
margin: 0 0 0 0.375rem;
|
|
34
36
|
}
|
|
35
37
|
|
|
36
38
|
&.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
20
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
19
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
20
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
23
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -20,14 +20,14 @@
|
|
|
20
20
|
// ==========================================================================
|
|
21
21
|
|
|
22
22
|
.sapTntToolHeader {
|
|
23
|
-
&.sapMTB {
|
|
23
|
+
&.sapMTB:not(.sapUshellShellToolHeader) {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
|
-
padding: 0 1.25rem 0 0.75rem
|
|
26
|
-
border: solid 0.0625rem @
|
|
25
|
+
padding: 0 1.25rem 0 0.75rem;
|
|
26
|
+
border: solid 0.0625rem @sapUiShellBorderColor;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
30
|
-
margin: 0 0 0 0.375rem
|
|
30
|
+
margin: 0 0 0 0.375rem;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
&.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
|
|
@@ -71,12 +71,12 @@
|
|
|
71
71
|
&.sapMBtn .sapMBtnDefault,
|
|
72
72
|
&.sapMBtn .sapMBtnBack,
|
|
73
73
|
&.sapMBtn .sapMBtnUp {
|
|
74
|
-
color: @
|
|
75
|
-
background-color: @
|
|
74
|
+
color: @sapUiContentIconColor;
|
|
75
|
+
background-color: @sapUiButtonLiteBackground;
|
|
76
76
|
height: 2.5rem;
|
|
77
77
|
|
|
78
78
|
.sapUiIcon {
|
|
79
|
-
color: @
|
|
79
|
+
color: @sapUiContentIconColor;
|
|
80
80
|
line-height: 2.5rem;
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
92
92
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
93
93
|
&::before {
|
|
94
|
-
outline: @
|
|
94
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
95
95
|
border: none !important;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
103
|
-
background: @
|
|
104
|
-
color: @
|
|
103
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
104
|
+
color: @sapUiContentIconColor;
|
|
105
105
|
box-shadow: none;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -109,13 +109,13 @@
|
|
|
109
109
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
112
|
-
background: @
|
|
113
|
-
color: @
|
|
112
|
+
background: @sapUiActive;
|
|
113
|
+
color: @sapUiContentIconColor;
|
|
114
114
|
box-shadow: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
118
|
-
color: @
|
|
118
|
+
color: @sapUiContentIconColor;
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -165,15 +165,15 @@
|
|
|
165
165
|
.sapTntToolHeader {
|
|
166
166
|
.sapMTitle {
|
|
167
167
|
text-shadow: none;
|
|
168
|
-
font-family: @
|
|
168
|
+
font-family: @sapUiFontBlackFamily;
|
|
169
169
|
font-size: 1.125rem;
|
|
170
170
|
line-height: 1.625rem;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
174
174
|
.sapMLabel {
|
|
175
|
-
line-height: @
|
|
176
|
-
color: @
|
|
175
|
+
line-height: @sapUiContentLineHeight;
|
|
176
|
+
color: @sapUiContentLabelColor;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -277,14 +277,14 @@
|
|
|
277
277
|
.sapMSFS:active::after,
|
|
278
278
|
.sapMSFS.sapMSFBA::after,
|
|
279
279
|
.sapMSFR:active::after {
|
|
280
|
-
background: @
|
|
281
|
-
color: @
|
|
280
|
+
background: @sapUiActive;
|
|
281
|
+
color: @sapUiContentIconColor;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
.sapMSFS:hover::after,
|
|
285
285
|
.sapMSFR:hover::after {
|
|
286
|
-
background: @
|
|
287
|
-
color: @
|
|
286
|
+
background: @sapUiHover;
|
|
287
|
+
color: @sapUiContentIconColor;
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
.sapMSFB.sapMSFR:not(:last-child):hover {
|
|
@@ -372,7 +372,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
|
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
.sapMImgFocusable:focus {
|
|
375
|
-
outline: @
|
|
375
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
376
376
|
outline-offset: 0.125rem;
|
|
377
377
|
border-radius: 0.25rem;
|
|
378
378
|
}
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
|
-
@_sap_tnt_NavigationList_ItemBottomMargin: 0.
|
|
20
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
19
|
+
@_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
|
|
20
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
23
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_ToolHeader_Padding: 0 0.75rem;
|
|
12
12
|
@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
|
|
13
13
|
@_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
|
|
14
|
-
@_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @
|
|
14
|
+
@_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
15
15
|
@_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
|
|
16
16
|
@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
|
|
17
17
|
|
|
@@ -20,14 +20,14 @@
|
|
|
20
20
|
// ==========================================================================
|
|
21
21
|
|
|
22
22
|
.sapTntToolHeader {
|
|
23
|
-
&.sapMTB {
|
|
23
|
+
&.sapMTB:not(.sapUshellShellToolHeader) {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
|
-
padding: 0 1.25rem 0 0.75rem
|
|
26
|
-
border: solid 0.0625rem @
|
|
25
|
+
padding: 0 1.25rem 0 0.75rem;
|
|
26
|
+
border: solid 0.0625rem @sapUiShellBorderColor;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
30
|
-
margin: 0 0 0 0.375rem
|
|
30
|
+
margin: 0 0 0 0.375rem;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
&.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
|
|
@@ -71,12 +71,12 @@
|
|
|
71
71
|
&.sapMBtn .sapMBtnDefault,
|
|
72
72
|
&.sapMBtn .sapMBtnBack,
|
|
73
73
|
&.sapMBtn .sapMBtnUp {
|
|
74
|
-
color: @
|
|
75
|
-
background-color: @
|
|
74
|
+
color: @sapUiContentIconColor;
|
|
75
|
+
background-color: @sapUiButtonLiteBackground;
|
|
76
76
|
height: 2.5rem;
|
|
77
77
|
|
|
78
78
|
.sapUiIcon {
|
|
79
|
-
color: @
|
|
79
|
+
color: @sapUiContentIconColor;
|
|
80
80
|
line-height: 2.5rem;
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
92
92
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
93
93
|
&::before {
|
|
94
|
-
outline: @
|
|
94
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
95
95
|
border: none !important;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
103
|
-
background: @
|
|
104
|
-
color: @
|
|
103
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
104
|
+
color: @sapUiContentIconColor;
|
|
105
105
|
box-shadow: none;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -109,13 +109,13 @@
|
|
|
109
109
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
112
|
-
background: @
|
|
113
|
-
color: @
|
|
112
|
+
background: @sapUiActive;
|
|
113
|
+
color: @sapUiContentIconColor;
|
|
114
114
|
box-shadow: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
118
|
-
color: @
|
|
118
|
+
color: @sapUiContentIconColor;
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -163,16 +163,16 @@
|
|
|
163
163
|
|
|
164
164
|
.sapTntToolHeader {
|
|
165
165
|
.sapMTitle {
|
|
166
|
-
text-shadow: none;
|
|
167
|
-
font-family: @
|
|
166
|
+
text-shadow: none;
|
|
167
|
+
font-family: @sapUiFontBlackFamily;
|
|
168
168
|
font-size: 1.125rem;
|
|
169
169
|
line-height: 1.625rem;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
.sapMText,
|
|
173
173
|
.sapMLabel {
|
|
174
|
-
line-height: @
|
|
175
|
-
color: @
|
|
174
|
+
line-height: @sapUiContentLineHeight;
|
|
175
|
+
color: @sapUiContentLabelColor;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -276,14 +276,14 @@
|
|
|
276
276
|
.sapMSFS:active::after,
|
|
277
277
|
.sapMSFS.sapMSFBA::after,
|
|
278
278
|
.sapMSFR:active::after {
|
|
279
|
-
background: @
|
|
280
|
-
color: @
|
|
279
|
+
background: @sapUiActive;
|
|
280
|
+
color: @sapUiContentIconColor;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
.sapMSFS:hover::after,
|
|
284
284
|
.sapMSFR:hover::after {
|
|
285
|
-
background: @
|
|
286
|
-
color: @
|
|
285
|
+
background: @sapUiHover;
|
|
286
|
+
color: @sapUiContentIconColor;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
.sapMSFB.sapMSFR:not(:last-child):hover {
|
|
@@ -371,7 +371,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
|
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
.sapMImgFocusable:focus {
|
|
374
|
-
outline: @
|
|
374
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
375
375
|
outline-offset: 0.125rem;
|
|
376
376
|
border-radius: 0.25rem;
|
|
377
377
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
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.120.
|
|
9
|
+
<version>1.120.18</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
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.120.
|
|
9
|
+
<version>1.120.18</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
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.120.
|
|
9
|
+
<version>1.120.18</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
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.120.
|
|
9
|
+
<version>1.120.18</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|