@openui5/sap.tnt 1.102.1 → 1.103.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 +3 -3
- package/src/sap/tnt/.library +1 -1
- package/src/sap/tnt/InfoLabel.js +1 -1
- package/src/sap/tnt/NavigationList.js +2 -2
- package/src/sap/tnt/NavigationListItem.js +1 -1
- package/src/sap/tnt/SideNavigation.js +1 -1
- package/src/sap/tnt/ToolHeader.js +1 -1
- package/src/sap/tnt/ToolHeaderUtilitySeparator.js +1 -1
- package/src/sap/tnt/ToolPage.js +1 -1
- package/src/sap/tnt/ToolPageRenderer.js +20 -6
- package/src/sap/tnt/library.js +2 -2
- package/src/sap/tnt/themes/base/ToolHeader.less +2 -13
- package/src/sap/tnt/themes/base/ToolPage.less +17 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/sap.tnt",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.103.0",
|
|
4
4
|
"description": "OpenUI5 UI Library sap.tnt",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"url": "https://github.com/SAP/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@openui5/sap.m": "1.
|
|
18
|
-
"@openui5/sap.ui.core": "1.
|
|
17
|
+
"@openui5/sap.m": "1.103.0",
|
|
18
|
+
"@openui5/sap.ui.core": "1.103.0"
|
|
19
19
|
}
|
|
20
20
|
}
|
package/src/sap/tnt/.library
CHANGED
|
@@ -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.103.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 library with responsive controls.</documentation>
|
|
12
12
|
|
package/src/sap/tnt/InfoLabel.js
CHANGED
|
@@ -41,7 +41,7 @@ sap.ui.define([
|
|
|
41
41
|
* @extends sap.ui.core.Control
|
|
42
42
|
*
|
|
43
43
|
* @author SAP SE
|
|
44
|
-
* @version 1.
|
|
44
|
+
* @version 1.103.0
|
|
45
45
|
*
|
|
46
46
|
* @constructor
|
|
47
47
|
* @public
|
|
@@ -270,7 +270,7 @@ sap.ui.define([
|
|
|
270
270
|
/**
|
|
271
271
|
* Gets the currently selected <code>NavigationListItem</code>.
|
|
272
272
|
* @public
|
|
273
|
-
* @return {sap.tnt.NavigationListItem|null} The selected item or null if nothing is selected
|
|
273
|
+
* @return {sap.tnt.NavigationListItem|null} The selected item or <code>null</code> if nothing is selected
|
|
274
274
|
*/
|
|
275
275
|
NavigationList.prototype.getSelectedItem = function () {
|
|
276
276
|
var selectedItem = this.getAssociation('selectedItem');
|
package/src/sap/tnt/ToolPage.js
CHANGED
|
@@ -24,13 +24,27 @@ sap.ui.define([
|
|
|
24
24
|
* @param {sap.tnt.ToolPage} oControl an object representation of the control that should be rendered
|
|
25
25
|
*/
|
|
26
26
|
ToolPageRenderer.render = function (oRM, oControl) {
|
|
27
|
-
var oHeader = oControl.getHeader(),
|
|
28
|
-
oSubHeader = oControl.getSubHeader();
|
|
29
|
-
|
|
30
27
|
oRM.openStart("div", oControl)
|
|
31
28
|
.class("sapTntToolPage")
|
|
32
29
|
.openEnd();
|
|
33
30
|
|
|
31
|
+
this.renderHeaderWrapper(oRM, oControl);
|
|
32
|
+
|
|
33
|
+
this.renderContentWrapper(oRM, oControl);
|
|
34
|
+
|
|
35
|
+
oRM.close("div");
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
ToolPageRenderer.renderHeaderWrapper = function (oRM, oControl) {
|
|
39
|
+
var oHeader = oControl.getHeader(),
|
|
40
|
+
oSubHeader = oControl.getSubHeader();
|
|
41
|
+
|
|
42
|
+
if (oHeader || oSubHeader) {
|
|
43
|
+
oRM.openStart("div")
|
|
44
|
+
.class("sapTntToolPageHeaderWrapper")
|
|
45
|
+
.openEnd();
|
|
46
|
+
}
|
|
47
|
+
|
|
34
48
|
if (oHeader) {
|
|
35
49
|
oRM.openStart("header").openEnd();
|
|
36
50
|
|
|
@@ -59,10 +73,10 @@ sap.ui.define([
|
|
|
59
73
|
oRM.close("header");
|
|
60
74
|
}
|
|
61
75
|
|
|
76
|
+
if (oHeader || oSubHeader) {
|
|
77
|
+
oRM.close("div");
|
|
78
|
+
}
|
|
62
79
|
|
|
63
|
-
this.renderContentWrapper(oRM, oControl);
|
|
64
|
-
|
|
65
|
-
oRM.close("div");
|
|
66
80
|
};
|
|
67
81
|
|
|
68
82
|
ToolPageRenderer.renderContentWrapper = function (oRM, oControl) {
|
package/src/sap/tnt/library.js
CHANGED
|
@@ -17,13 +17,13 @@ sap.ui.define(["sap/ui/core/library", "sap/m/library"],
|
|
|
17
17
|
* @namespace
|
|
18
18
|
* @alias sap.tnt
|
|
19
19
|
* @author SAP SE
|
|
20
|
-
* @version 1.
|
|
20
|
+
* @version 1.103.0
|
|
21
21
|
* @since 1.36
|
|
22
22
|
* @public
|
|
23
23
|
*/
|
|
24
24
|
var thisLib = sap.ui.getCore().initLibrary({
|
|
25
25
|
name : "sap.tnt",
|
|
26
|
-
version: "1.
|
|
26
|
+
version: "1.103.0",
|
|
27
27
|
dependencies : ["sap.ui.core", "sap.m"],
|
|
28
28
|
designtime: "sap/tnt/designtime/library.designtime",
|
|
29
29
|
types: [
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
@_sap_tnt_ToolHeader_ArrowMargin: 0;
|
|
11
11
|
@_sap_tnt_ToolHeader_Padding: 0 0.5rem;
|
|
12
12
|
@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.188rem;
|
|
13
|
+
@_sap_tnt_ToolHeader_IconTabHeader_Height: @_sap_tnt_ToolHeader_Height;
|
|
13
14
|
|
|
14
15
|
.sapTntToolHeaderPopover.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll,
|
|
15
16
|
.sapTntToolHeaderPopover.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll .sapMBtn {
|
|
@@ -25,7 +26,7 @@
|
|
|
25
26
|
// ==========================================================================
|
|
26
27
|
|
|
27
28
|
.sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
|
|
28
|
-
height: @
|
|
29
|
+
height: @_sap_tnt_ToolHeader_IconTabHeader_Height;
|
|
29
30
|
box-shadow: none;
|
|
30
31
|
padding: @_sap_tnt_ToolHeader_Padding;
|
|
31
32
|
flex: 1;
|
|
@@ -56,18 +57,6 @@
|
|
|
56
57
|
margin: @_sap_tnt_ToolHeader_ArrowMargin;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
// ==========================================================================
|
|
60
|
-
// sap.m.Avatar / sap.f.Avatar overriding
|
|
61
|
-
// ==========================================================================
|
|
62
|
-
|
|
63
|
-
.sapTntToolHeader .sapFAvatar {
|
|
64
|
-
background-color: @_sap_tnt_ToolHeader_AvatarBackground;
|
|
65
|
-
.sapFAvatarInitialsHolder,
|
|
66
|
-
.sapUiIcon.sapFAvatarTypeIcon {
|
|
67
|
-
color: @_sap_tnt_ToolHeader_AvatarColor;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
60
|
// ==========================================================================
|
|
72
61
|
// sap.m.MenuButton overriding
|
|
73
62
|
// ==========================================================================
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_ToolPage_AsideWidthOnTablet : 3rem;
|
|
12
12
|
@_sap_tnt_ToolPage_HeaderHeight : 3rem;
|
|
13
13
|
@_sap_tnt_ToolPage_AnimationDuration : 0.3s;
|
|
14
|
+
@_sap_tnt_ToolPage_HeaderShadow: none;
|
|
14
15
|
|
|
15
16
|
/* ==========================================================================
|
|
16
17
|
Root element
|
|
@@ -36,6 +37,22 @@
|
|
|
36
37
|
height: @_sap_tnt_ToolPage_HeaderHeight;
|
|
37
38
|
}
|
|
38
39
|
|
|
40
|
+
.sapTntToolPageHeaderWrapper {
|
|
41
|
+
box-shadow: @_sap_tnt_ToolPage_HeaderShadow;
|
|
42
|
+
z-index: 2; // bring header above content wrapper to draw drop shadow over the content
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* ==========================================================================
|
|
46
|
+
Subheader
|
|
47
|
+
========================================================================== */
|
|
48
|
+
.sapTntToolPage header + header .sapTntToolPageHeader {
|
|
49
|
+
height: auto;
|
|
50
|
+
|
|
51
|
+
.sapTntToolHeader {
|
|
52
|
+
height: auto;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
39
56
|
/* ==========================================================================
|
|
40
57
|
Content wrapper
|
|
41
58
|
========================================================================== */
|