@sapui5/sap.suite.ui.commons 1.142.1 → 1.143.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 +1 -1
- package/src/sap/suite/ui/commons/.library +1 -1
- package/src/sap/suite/ui/commons/AriaProperties.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilder.js +12 -18
- package/src/sap/suite/ui/commons/CalculationBuilderExpression.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderFunction.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderGroup.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderInput.js +5 -5
- package/src/sap/suite/ui/commons/CalculationBuilderItem.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderValidationResult.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderVariable.js +1 -1
- package/src/sap/suite/ui/commons/CloudFilePicker.js +1 -1
- package/src/sap/suite/ui/commons/MicroProcessFlow.js +4 -1
- package/src/sap/suite/ui/commons/MicroProcessFlowItem.js +5 -5
- package/src/sap/suite/ui/commons/ProcessFlowRenderer.js +0 -1
- package/src/sap/suite/ui/commons/TimelineNavigator.js +1 -0
- package/src/sap/suite/ui/commons/collaboration/UniversalCollaborationBar.js +2 -2
- package/src/sap/suite/ui/commons/flexibility/changeHandler/PropertyChangeMapper.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropCustomShapeHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropEllipseHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropRectangleHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CustomSizeItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FilterHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FlipHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/HistoryItem.js +2 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditor.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorResponsiveContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ResizeHistoryItem.js +1 -2
- package/src/sap/suite/ui/commons/imageeditor/RotateHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/library.js +1 -1
- package/src/sap/suite/ui/commons/networkgraph/ElementAttribute.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/ElementBase.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/Graph.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/GraphMap.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/Group.js +12 -2
- package/src/sap/suite/ui/commons/networkgraph/Line.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/Node.js +19 -7
- package/src/sap/suite/ui/commons/networkgraph/SvgBase.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/Tooltip.js +3 -0
- package/src/sap/suite/ui/commons/networkgraph/layout/LayoutAlgorithm.js +19 -7
- package/src/sap/suite/ui/commons/networkgraph/layout/SwimLaneChainLayout.js +1 -1
- package/src/sap/suite/ui/commons/networkgraph/util/Dijkstra.js +1 -0
- package/src/sap/suite/ui/commons/statusindicator/Circle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/CustomShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/FillingOption.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/LibraryShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Path.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/PropertyThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Rectangle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Shape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/ShapeGroup.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/SimpleShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/StatusIndicator.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccount.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountGroup.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItem.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountPanel.js +1 -1
- package/src/sap/suite/ui/commons/themes/base/MicroProcessFlow.less +10 -7
- package/src/sap/suite/ui/commons/themes/base/NetworkGroup.less +15 -1
- package/src/sap/suite/ui/commons/themes/base/NetworkNode.less +42 -46
- package/src/sap/suite/ui/commons/themes/sap_fiori_3/MicroProcessFlow.less +7 -0
- package/src/sap/suite/ui/commons/themes/sap_fiori_3/library.source.less +1 -0
- package/src/sap/suite/ui/commons/themes/sap_fiori_3_dark/MicroProcessFlow.less +7 -0
- package/src/sap/suite/ui/commons/themes/sap_fiori_3_dark/library.source.less +1 -0
package/package.json
CHANGED
|
@@ -134,7 +134,7 @@ sap.ui.define([
|
|
|
134
134
|
* @extends sap.ui.core.Control
|
|
135
135
|
*
|
|
136
136
|
* @author SAP SE
|
|
137
|
-
* @version 1.
|
|
137
|
+
* @version 1.143.0
|
|
138
138
|
* @since 1.56.0
|
|
139
139
|
*
|
|
140
140
|
* @constructor
|
|
@@ -1089,25 +1089,19 @@ sap.ui.define([
|
|
|
1089
1089
|
});
|
|
1090
1090
|
};
|
|
1091
1091
|
|
|
1092
|
-
CalculationBuilder.prototype._isTokenAllowed = function (sKey
|
|
1092
|
+
CalculationBuilder.prototype._isTokenAllowed = function (sKey) {
|
|
1093
1093
|
sKey = (sKey || "").toLowerCase();
|
|
1094
|
-
if
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
if (bCustomFunction && this._mDisabledTokens[sKey]) {
|
|
1103
|
-
return true;
|
|
1104
|
-
}
|
|
1105
|
-
// For all other cases, block if present in _mDisabledTokens
|
|
1106
|
-
return !this._mDisabledTokens[sKey];
|
|
1107
|
-
} else {
|
|
1108
|
-
// Old logic for existing other cases
|
|
1109
|
-
return !this._mDisabledTokens[sKey];
|
|
1094
|
+
// Check if the token is a custom function by searching the aggregation
|
|
1095
|
+
var bCustomFunction = this.getFunctions().some(function (oFunction) {
|
|
1096
|
+
return oFunction.getKey().toLowerCase() === sKey;
|
|
1097
|
+
});
|
|
1098
|
+
// If this is a custom function and its key is present in _mDisabledTokens,
|
|
1099
|
+
// allow it (custom functions are not blocked by disabledDefaultTokens)
|
|
1100
|
+
if (bCustomFunction && this._mDisabledTokens[sKey]) {
|
|
1101
|
+
return true;
|
|
1110
1102
|
}
|
|
1103
|
+
// For all other cases, block if present in _mDisabledTokens
|
|
1104
|
+
return !this._mDisabledTokens[sKey];
|
|
1111
1105
|
};
|
|
1112
1106
|
|
|
1113
1107
|
CalculationBuilder.prototype.setDisabledDefaultTokens = function (sValue) {
|
|
@@ -941,7 +941,7 @@ sap.ui.define([
|
|
|
941
941
|
for (var i = 0; i < aItems.length; i++) {
|
|
942
942
|
var oItem = aItems[i],
|
|
943
943
|
sKey = oItem.getKey(),
|
|
944
|
-
bIsFunction = this._isFunction(sKey
|
|
944
|
+
bIsFunction = this._isFunction(sKey);
|
|
945
945
|
|
|
946
946
|
if (bCreateInputText) {
|
|
947
947
|
oError = jQuery.grep(mParameters.errors, function (oItem) { // eslint-disable-line
|
|
@@ -1360,13 +1360,13 @@ sap.ui.define([
|
|
|
1360
1360
|
return this.$("input").text();
|
|
1361
1361
|
};
|
|
1362
1362
|
|
|
1363
|
-
CalculationBuilderInput.prototype._isFunction = function (sKey
|
|
1364
|
-
return !!this._getFunction(sKey
|
|
1363
|
+
CalculationBuilderInput.prototype._isFunction = function (sKey) {
|
|
1364
|
+
return !!this._getFunction(sKey);
|
|
1365
1365
|
};
|
|
1366
1366
|
|
|
1367
|
-
CalculationBuilderInput.prototype._getFunction = function (sKey
|
|
1367
|
+
CalculationBuilderInput.prototype._getFunction = function (sKey) {
|
|
1368
1368
|
var oParent = this.getParent();
|
|
1369
|
-
return oParent && oParent._isTokenAllowed(sKey
|
|
1369
|
+
return oParent && oParent._isTokenAllowed(sKey) && oParent._getFunctionDefinition(sKey);
|
|
1370
1370
|
};
|
|
1371
1371
|
|
|
1372
1372
|
CalculationBuilderInput.prototype._storeCurrent = function (sValue) {
|
|
@@ -38,6 +38,9 @@ sap.ui.define([
|
|
|
38
38
|
/**
|
|
39
39
|
* Constructor for a new MicroProcessFlow.
|
|
40
40
|
*
|
|
41
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
42
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
43
|
+
*
|
|
41
44
|
* @class
|
|
42
45
|
* The MicroProcessFlow control can be used to track the progress of a process.<br>
|
|
43
46
|
* It is best used for linear processes, such as document, order, and approval flows,
|
|
@@ -47,7 +50,7 @@ sap.ui.define([
|
|
|
47
50
|
* @extends sap.ui.core.Control
|
|
48
51
|
*
|
|
49
52
|
* @author SAP SE
|
|
50
|
-
* @version 1.
|
|
53
|
+
* @version 1.143.0
|
|
51
54
|
*
|
|
52
55
|
* @constructor
|
|
53
56
|
* @public
|
|
@@ -18,11 +18,11 @@ sap.ui.define([
|
|
|
18
18
|
|
|
19
19
|
var oResourceBundle = CoreLib.getResourceBundleFor("sap.suite.ui.commons"),
|
|
20
20
|
DefaultIcons = {
|
|
21
|
-
"Error": "sap-icon://
|
|
21
|
+
"Error": "sap-icon://status-error",
|
|
22
22
|
"None": null,
|
|
23
|
-
"Success": "sap-icon://
|
|
24
|
-
"Warning": "sap-icon://
|
|
25
|
-
"Information": "sap-icon://
|
|
23
|
+
"Success": "sap-icon://sys-enter-2",
|
|
24
|
+
"Warning": "sap-icon://alert",
|
|
25
|
+
"Information": "sap-icon://information"
|
|
26
26
|
},
|
|
27
27
|
ValueState = CoreLibrary.ValueState;
|
|
28
28
|
|
|
@@ -38,7 +38,7 @@ sap.ui.define([
|
|
|
38
38
|
* @extends sap.ui.core.Control
|
|
39
39
|
*
|
|
40
40
|
* @author SAP SE
|
|
41
|
-
* @version 1.
|
|
41
|
+
* @version 1.143.0
|
|
42
42
|
*
|
|
43
43
|
* @constructor
|
|
44
44
|
* @public
|
|
@@ -229,7 +229,7 @@ sap.ui.define([
|
|
|
229
229
|
styleClass: "sapSuiteUiCommonsCollaborationMail",
|
|
230
230
|
consumerEnabled: oAppCollaborationParams.isShareToEmailEnabled,
|
|
231
231
|
providerEnabled: true,
|
|
232
|
-
fesrStep: "",
|
|
232
|
+
fesrStep: "UCB:SendEmail",
|
|
233
233
|
featureName: "Email",
|
|
234
234
|
group: "menu"
|
|
235
235
|
},
|
|
@@ -239,7 +239,7 @@ sap.ui.define([
|
|
|
239
239
|
styleClass: "sapSuiteUiCommonsCollaborationChat",
|
|
240
240
|
consumerEnabled: oAppCollaborationParams.isShareAsChatEnabled,
|
|
241
241
|
providerEnabled: oProviderConfig.isShareAsLinkEnabled === "X",
|
|
242
|
-
fesrStep: "
|
|
242
|
+
fesrStep: "UCB:CopyLink",
|
|
243
243
|
featureName: "Share as Chat",
|
|
244
244
|
desktopOnly: true,
|
|
245
245
|
group: "subMenu"
|
|
@@ -11,13 +11,14 @@ sap.ui.define([
|
|
|
11
11
|
"use strict";
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
+
* Constructor for a new HistoryItem.
|
|
14
15
|
*
|
|
15
16
|
* @class Abstract base class for all {@link sap.suite.ui.commons.imageeditor.ImageEditor} action history items.
|
|
16
17
|
*
|
|
17
18
|
* @extends sap.ui.base.Object
|
|
18
19
|
*
|
|
19
20
|
* @author SAP SE
|
|
20
|
-
* @version 1.
|
|
21
|
+
* @version 1.143.0
|
|
21
22
|
* @since 1.66.0
|
|
22
23
|
*
|
|
23
24
|
* @abstract
|
|
@@ -14,7 +14,6 @@ sap.ui.define([
|
|
|
14
14
|
/**
|
|
15
15
|
* Constructor for a new ResizeHistoryItem.
|
|
16
16
|
*
|
|
17
|
-
*
|
|
18
17
|
* @param {object} mProperties Property bag
|
|
19
18
|
* @param {int} mProperties.width Width of the image
|
|
20
19
|
* @param {int} mProperties.height Height of the image
|
|
@@ -29,7 +28,7 @@ sap.ui.define([
|
|
|
29
28
|
* @extends sap.suite.ui.commons.imageeditor.HistoryItem
|
|
30
29
|
*
|
|
31
30
|
* @author SAP SE
|
|
32
|
-
* @version 1.
|
|
31
|
+
* @version 1.143.0
|
|
33
32
|
* @since 1.66.0
|
|
34
33
|
*
|
|
35
34
|
* @constructor
|
|
@@ -195,7 +195,7 @@ sap.ui.define([
|
|
|
195
195
|
"sap.suite.ui.commons.TargetFilterMeasureColumn",
|
|
196
196
|
"sap.suite.ui.commons.AriaProperties"
|
|
197
197
|
],
|
|
198
|
-
version: "1.
|
|
198
|
+
version: "1.143.0",
|
|
199
199
|
extensions: {
|
|
200
200
|
flChangeHandlers: {
|
|
201
201
|
"sap.suite.ui.commons.Timeline": "sap/suite/ui/commons/flexibility/Timeline"
|
|
@@ -17,6 +17,9 @@ sap.ui.define([
|
|
|
17
17
|
/**
|
|
18
18
|
* Constructor for a new ElementAttribute.
|
|
19
19
|
*
|
|
20
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
21
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
22
|
+
*
|
|
20
23
|
* @class
|
|
21
24
|
* Holds details of an attribute used in the graph.
|
|
22
25
|
*
|
|
@@ -36,6 +36,9 @@ sap.ui.define([
|
|
|
36
36
|
/**
|
|
37
37
|
* Constructor for a new ElementBase.
|
|
38
38
|
*
|
|
39
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
40
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
41
|
+
*
|
|
39
42
|
* @class
|
|
40
43
|
* ElementBase class
|
|
41
44
|
*
|
|
@@ -122,6 +122,9 @@ sap.ui.define([
|
|
|
122
122
|
/**
|
|
123
123
|
* Constructor for a new Graph.
|
|
124
124
|
*
|
|
125
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
126
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
127
|
+
*
|
|
125
128
|
* @class
|
|
126
129
|
* The network graph control allows you to display data as a network of nodes connected by lines.
|
|
127
130
|
* The nodes can be circular or rectangular and can be joined into groups. You can define custom attributes for
|
|
@@ -33,6 +33,9 @@ sap.ui.define([
|
|
|
33
33
|
/**
|
|
34
34
|
* Constructor for a new GraphMap.
|
|
35
35
|
*
|
|
36
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
37
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
38
|
+
*
|
|
36
39
|
* @class
|
|
37
40
|
* A component which displays an overview of the entire graph and allows users to quickly navigate in the linked graph. Graph overview is most effective with nodes rendered in square aspect ratio but becomes less useful as the number of nodes increases in one dimension. Hence, it is not recommended for larger graphs.
|
|
38
41
|
*
|
|
@@ -20,7 +20,8 @@ sap.ui.define([
|
|
|
20
20
|
|
|
21
21
|
const ElementStatus = library.networkgraph.ElementStatus,
|
|
22
22
|
HeaderCheckboxState = library.networkgraph.HeaderCheckboxState,
|
|
23
|
-
SemanticColorType = library.SemanticColorType
|
|
23
|
+
SemanticColorType = library.SemanticColorType,
|
|
24
|
+
Orientation = library.networkgraph.Orientation;
|
|
24
25
|
|
|
25
26
|
var Size = {
|
|
26
27
|
COLLAPSED_HEIGHT: 32,
|
|
@@ -40,6 +41,9 @@ sap.ui.define([
|
|
|
40
41
|
/**
|
|
41
42
|
* Constructor for a new Group. Grouping is not supported for custom layouting.
|
|
42
43
|
*
|
|
44
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
45
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
46
|
+
*
|
|
43
47
|
* @class
|
|
44
48
|
* Holds details about a group.
|
|
45
49
|
*
|
|
@@ -379,11 +383,17 @@ sap.ui.define([
|
|
|
379
383
|
};
|
|
380
384
|
|
|
381
385
|
Group.prototype._getGroupClass = function () {
|
|
382
|
-
|
|
386
|
+
var sClass = "sapSuiteUiCommonsNetworkGroup " + this._getStatusClass() +
|
|
383
387
|
(this.getCollapsed() ? "sapSuiteUiCommonsNetworkGroupCollapsed" : "sapSuiteUiCommonsNetworkGroupExpanded") +
|
|
384
388
|
(this._bIsSwimLane ? " sapSuiteUiCommonsNetworkGroupSwimLane" : " sapSuiteUiCommonsNetworkGroupClassic") +
|
|
385
389
|
(this._isVerticalSwimLane() ? " sapSuiteUiCommonsNetworkGroupVerticalSwimLane" : "") +
|
|
386
390
|
(this._isTopBottom() ? " sapSuiteUiCommonsNetworkGroupTopBottom " : "");
|
|
391
|
+
|
|
392
|
+
// Add RightLeft orientation class if swimlane and parent is RightLeft
|
|
393
|
+
if (this._bIsSwimLane && this.getParent() && this.getParent().isA("sap.suite.ui.commons.networkgraph.Graph") && this.getParent().getOrientation() === Orientation.RightLeft) {
|
|
394
|
+
sClass += " sapSuiteUiCommonsNetworkGraphRightLeft";
|
|
395
|
+
}
|
|
396
|
+
return sClass;
|
|
387
397
|
};
|
|
388
398
|
|
|
389
399
|
/* =========================================================== */
|
|
@@ -50,6 +50,9 @@ sap.ui.define([
|
|
|
50
50
|
/**
|
|
51
51
|
* Constructor for a new Line.
|
|
52
52
|
*
|
|
53
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
54
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
55
|
+
*
|
|
53
56
|
* @class
|
|
54
57
|
* Holds information about one connector line.
|
|
55
58
|
*
|
|
@@ -34,7 +34,8 @@ sap.ui.define([
|
|
|
34
34
|
var HEADER_SIZE = 32,
|
|
35
35
|
TITLE_OFFSET = 5,
|
|
36
36
|
MIN_WIDTH = 160,
|
|
37
|
-
MAX_ACTION_BUTTONS = 4
|
|
37
|
+
MAX_ACTION_BUTTONS = 4,
|
|
38
|
+
ACTION_BUTTONS_OFFSET = -34;
|
|
38
39
|
|
|
39
40
|
var Size = {
|
|
40
41
|
Circle: {
|
|
@@ -104,6 +105,9 @@ sap.ui.define([
|
|
|
104
105
|
/**
|
|
105
106
|
* Constructor for a new Node.
|
|
106
107
|
*
|
|
108
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
109
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
110
|
+
*
|
|
107
111
|
* @class
|
|
108
112
|
* Holds information about one node. When changing the size of the node after the graph is rendered, you have to manually
|
|
109
113
|
* invalidate the graph, which causes the layout algorithm to be applied again.
|
|
@@ -750,7 +754,8 @@ sap.ui.define([
|
|
|
750
754
|
// this may put nodes to the edge of the parent which makes calculation of div maxWidth impossible
|
|
751
755
|
top: !this._bMainRender && this.getY() ? (this.getY() + "px") : "",
|
|
752
756
|
left: !this._bMainRender && this.getX() ? (this.getX() + "px") : "",
|
|
753
|
-
"min-width": MIN_WIDTH + "px"
|
|
757
|
+
"min-width": MIN_WIDTH + "px",
|
|
758
|
+
"outline-offset": parseFloat(this._getStatusValue(ElementBase.ColorType.BorderWidth)) + .7 + "px"
|
|
754
759
|
}, oAttributes, mOptions.renderManager);
|
|
755
760
|
|
|
756
761
|
this.renderContent(mOptions);
|
|
@@ -801,7 +806,7 @@ sap.ui.define([
|
|
|
801
806
|
"border-color": ElementBase.ColorType.Background
|
|
802
807
|
}, false);
|
|
803
808
|
|
|
804
|
-
let {style: sBorderColor, class: sBorderClass} = this._getStatusStyle({
|
|
809
|
+
let { style: sBorderColor, class: sBorderClass } = this._getStatusStyle({
|
|
805
810
|
"border-color": ElementBase.ColorType.Border,
|
|
806
811
|
"background-color": this.getSelected() ? ElementBase.ColorType.SelectedBackground : "",
|
|
807
812
|
"border-width": ElementBase.ColorType.BorderWidth,
|
|
@@ -849,10 +854,10 @@ sap.ui.define([
|
|
|
849
854
|
} else {
|
|
850
855
|
var oWidth = this._getCorrectWidth();
|
|
851
856
|
let {style: sBStyle, class: sBClass} = this._getStatusStyle({
|
|
852
|
-
"
|
|
857
|
+
"outline-color": ElementBase.ColorType.Border,
|
|
853
858
|
"background-color": this.getSelected() ? ElementBase.ColorType.SelectedBackground : "",
|
|
854
|
-
"
|
|
855
|
-
"
|
|
859
|
+
"outline-width": ElementBase.ColorType.BorderWidth,
|
|
860
|
+
"outline-style": ElementBase.ColorType.BorderStyle
|
|
856
861
|
});
|
|
857
862
|
var sMainStyle = this._convertToStyle({
|
|
858
863
|
width: oWidth.width,
|
|
@@ -2860,10 +2865,17 @@ sap.ui.define([
|
|
|
2860
2865
|
mOptions = mOptions || {};
|
|
2861
2866
|
var sRightId = this._getElementId(mOptions.idSufix) + "-rightdivbuttons",
|
|
2862
2867
|
sLeftId = this._getElementId(mOptions.idSufix) + "-leftdivbuttons",
|
|
2868
|
+
bIsRtl = this.getParent()._bIsRtl,
|
|
2869
|
+
fBorderWidth = parseFloat(this._getStatusValue(ElementBase.ColorType.BorderWidth)) || 0,
|
|
2870
|
+
sOffsetPosition = (ACTION_BUTTONS_OFFSET - fBorderWidth) + "px",
|
|
2863
2871
|
oRm = mOptions.renderManager;
|
|
2864
2872
|
|
|
2865
2873
|
oRm.openStart("div").attr("id", sLeftId).class("sapSuiteUiCommonsNetworkGraphDivActionButtons").class("sapSuiteUiCommonsNetworkGraphDivActionButtonsLeft").openEnd().close("div");
|
|
2866
|
-
oRm.openStart("div").attr("id", sRightId).class("sapSuiteUiCommonsNetworkGraphDivActionButtons").class("sapSuiteUiCommonsNetworkGraphDivActionButtonsRight")
|
|
2874
|
+
oRm.openStart("div").attr("id", sRightId).class("sapSuiteUiCommonsNetworkGraphDivActionButtons").class("sapSuiteUiCommonsNetworkGraphDivActionButtonsRight");
|
|
2875
|
+
if (fBorderWidth) {
|
|
2876
|
+
oRm.style(bIsRtl ? "left" : "right", sOffsetPosition);
|
|
2877
|
+
}
|
|
2878
|
+
oRm.openEnd().close("div");
|
|
2867
2879
|
};
|
|
2868
2880
|
|
|
2869
2881
|
/**
|
|
@@ -21,6 +21,9 @@ sap.ui.define([
|
|
|
21
21
|
/**
|
|
22
22
|
* Constructor for a new ElementBase.
|
|
23
23
|
*
|
|
24
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
25
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
26
|
+
*
|
|
24
27
|
* @class
|
|
25
28
|
* SvgBase class
|
|
26
29
|
*
|
|
@@ -49,6 +49,9 @@ sap.ui.define([
|
|
|
49
49
|
/**
|
|
50
50
|
* Constructor for a new Tooltip.
|
|
51
51
|
*
|
|
52
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
53
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
54
|
+
*
|
|
52
55
|
* @class
|
|
53
56
|
* Holds information about a tooltip.
|
|
54
57
|
*
|
|
@@ -285,7 +285,7 @@ sap.ui.define([
|
|
|
285
285
|
});
|
|
286
286
|
};
|
|
287
287
|
|
|
288
|
-
LayoutAlgorithm.prototype._shiftGraph = function (fX, fY, bSkipGroups) {
|
|
288
|
+
LayoutAlgorithm.prototype._shiftGraph = function (fX, fY, bSkipGroups, oCurrentGroup) {
|
|
289
289
|
var oGraph = this.getParent();
|
|
290
290
|
if (!bSkipGroups) {
|
|
291
291
|
oGraph.getGroups().forEach(function (oGroup) {
|
|
@@ -293,13 +293,25 @@ sap.ui.define([
|
|
|
293
293
|
oGroup.setY(oGroup.getY() + fY);
|
|
294
294
|
});
|
|
295
295
|
}
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
296
|
+
if (oCurrentGroup) {
|
|
297
|
+
oGraph.getNodes().forEach(function (oNode) {
|
|
298
|
+
if (oNode.getGroup() === oCurrentGroup.getKey()) {
|
|
299
|
+
oNode.setX(oNode.getX() + fX);
|
|
300
|
+
oNode.setY(oNode.getY() + fY);
|
|
301
|
+
oNode.aLines.forEach(function (oLine) {
|
|
302
|
+
oLine._shift({x: fX, y: fY});
|
|
303
|
+
});
|
|
304
|
+
}
|
|
301
305
|
});
|
|
302
|
-
}
|
|
306
|
+
} else {
|
|
307
|
+
oGraph.getNodes().forEach(function (oNode) {
|
|
308
|
+
oNode.setX(oNode.getX() + fX);
|
|
309
|
+
oNode.setY(oNode.getY() + fY);
|
|
310
|
+
oNode.aLines.forEach(function (oLine) {
|
|
311
|
+
oLine._shift({x: fX, y: fY});
|
|
312
|
+
});
|
|
313
|
+
});
|
|
314
|
+
}
|
|
303
315
|
};
|
|
304
316
|
|
|
305
317
|
LayoutAlgorithm.prototype._getGraphBoundingBox = function () {
|
|
@@ -855,7 +855,7 @@ sap.ui.define([
|
|
|
855
855
|
if (this.bVertLane) {
|
|
856
856
|
this.oGraph.getGroups().forEach(function (oGroup) {
|
|
857
857
|
oGroup._iHeight += GROUP_HEADER_SIZE;
|
|
858
|
-
this._shiftGraph(0, 4, true);
|
|
858
|
+
this._shiftGraph(0, 4, true, oGroup);
|
|
859
859
|
}.bind(this));
|
|
860
860
|
} else {
|
|
861
861
|
this._shiftGraph(GROUP_HEADER_SIZE / 2, 0, true);
|
|
@@ -10,6 +10,7 @@ sap.ui.define([], function() {
|
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Constructor for a new Dijkstra's algorithm. The constructor computes the shortest paths to all nodes in the network graph from given
|
|
13
|
+
*
|
|
13
14
|
* starting point node.
|
|
14
15
|
* @param {sap.suite.ui.commons.networkgraph.Graph} oGraph Graph to compute the paths in.
|
|
15
16
|
* @param {sap.suite.ui.commons.networkgraph.Node} oSourceNode Node that serves as the starting point for computing the paths.
|
|
@@ -85,28 +85,31 @@
|
|
|
85
85
|
|
|
86
86
|
.sapSuiteUiCommonsMicroProcessFlowItemInformation {
|
|
87
87
|
border-color: @sapInformationBorderColor;
|
|
88
|
-
background-color: @
|
|
88
|
+
background-color: @sapInformationBackground;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.sapSuiteUiCommonsMicroProcessFlowItemNone {
|
|
92
|
-
border-color: @
|
|
93
|
-
background-color: @
|
|
92
|
+
border-color: @sapNeutralBorderColor;
|
|
93
|
+
background-color: @sapNeutralBackground;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.sapSuiteUiCommonsMicroProcessFlowItemError .sapSuiteUiCommonsMicroProcessFlowItemIcon{
|
|
97
|
-
color: @
|
|
97
|
+
color: @sapContent_ContrastTextColor;
|
|
98
|
+
text-shadow: @sapContent_ContrastTextShadow;
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
.sapSuiteUiCommonsMicroProcessFlowItemInformation .sapSuiteUiCommonsMicroProcessFlowItemIcon {
|
|
101
|
-
color: @
|
|
102
|
+
color: @sapInformativeTextColor;
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.sapSuiteUiCommonsMicroProcessFlowItemWarning .sapSuiteUiCommonsMicroProcessFlowItemIcon {
|
|
105
|
-
color: @
|
|
106
|
+
color: @sapContent_ContrastTextColor;
|
|
107
|
+
text-shadow: @sapContent_ContrastTextShadow;
|
|
106
108
|
}
|
|
107
109
|
|
|
108
110
|
.sapSuiteUiCommonsMicroProcessFlowItemSuccess .sapSuiteUiCommonsMicroProcessFlowItemIcon {
|
|
109
|
-
color: @
|
|
111
|
+
color: @sapContent_ContrastTextColor;
|
|
112
|
+
text-shadow: @sapContent_ContrastTextShadow;
|
|
110
113
|
}
|
|
111
114
|
|
|
112
115
|
.sapSuiteUiCommonsMicroProcessFlowItemNone .sapSuiteUiCommonsMicroProcessFlowItemIcon {
|
|
@@ -27,6 +27,11 @@
|
|
|
27
27
|
border-left-style: solid;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
.sapSuiteUiCommonsNetworkGraphRightLeft.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:first-of-type {
|
|
31
|
+
border: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
32
|
+
border-left-style: dashed;
|
|
33
|
+
}
|
|
34
|
+
|
|
30
35
|
.sapSuiteUiCommonsNetworkGroup:not(.sapSuiteUiCommonsNetworkGroupSwimLane) {
|
|
31
36
|
-webkit-box-shadow: @sapUiContentShadow2;
|
|
32
37
|
-moz-box-shadow: @sapUiContentShadow2;
|
|
@@ -42,7 +47,16 @@
|
|
|
42
47
|
}
|
|
43
48
|
|
|
44
49
|
.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:last-of-type {
|
|
45
|
-
border-right: @sapUiElementBorderWidth @sapUiContentFocusStyle @
|
|
50
|
+
border-right: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.sapSuiteUiCommonsNetworkGraphRightLeft.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:last-of-type {
|
|
54
|
+
border-left: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
55
|
+
border-right: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.sapSuiteUiCommonsNetworkGraphRightLeft .sapSuiteUiCommonsNetworkGroupHeader {
|
|
59
|
+
margin-right: 0.0625rem;
|
|
46
60
|
}
|
|
47
61
|
|
|
48
62
|
.sapSuiteUiCommonsNetworkGroupHeader {
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
.sapSuiteUiCommonsNetworkGraphDivInner {
|
|
335
|
-
|
|
335
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapUiNeutralElement;
|
|
336
336
|
background-color: @sapUiListBackground;
|
|
337
337
|
font-size: @sapMFontSmallSize;
|
|
338
338
|
position: relative;
|
|
@@ -344,32 +344,32 @@
|
|
|
344
344
|
}
|
|
345
345
|
|
|
346
346
|
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
347
|
-
|
|
347
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapSuccessBorderColor;
|
|
348
348
|
background-color: @sapSuccessBackground;
|
|
349
349
|
color: @sapContent_IconColor;
|
|
350
350
|
}
|
|
351
351
|
|
|
352
352
|
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
353
|
-
|
|
354
|
-
|
|
353
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapWarningBorderColor;
|
|
354
|
+
background-color: @sapWarningBackground;
|
|
355
355
|
color: @sapContent_IconColor;
|
|
356
356
|
}
|
|
357
357
|
|
|
358
358
|
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
359
|
-
|
|
360
|
-
|
|
359
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapInformationBorderColor;
|
|
360
|
+
background-color: @sapInformationBackground;
|
|
361
361
|
color: @sapContent_IconColor;
|
|
362
362
|
}
|
|
363
363
|
|
|
364
364
|
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
365
|
-
|
|
366
|
-
|
|
365
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapErrorBorderColor;
|
|
366
|
+
background-color: @sapErrorBackground;
|
|
367
367
|
color: @sapContent_IconColor;
|
|
368
368
|
}
|
|
369
369
|
|
|
370
370
|
.sapSuiteUiCommonsNetworkElementNeutral .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
371
|
-
|
|
372
|
-
|
|
371
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
372
|
+
background-color: @sapNeutralBackground;
|
|
373
373
|
color: @sapContent_IconColor;
|
|
374
374
|
}
|
|
375
375
|
|
|
@@ -390,10 +390,8 @@
|
|
|
390
390
|
margin: auto;
|
|
391
391
|
display: flex;
|
|
392
392
|
pointer-events: all;
|
|
393
|
-
|
|
394
393
|
height: 100%;
|
|
395
394
|
width: 100%;
|
|
396
|
-
|
|
397
395
|
box-sizing: border-box;
|
|
398
396
|
}
|
|
399
397
|
|
|
@@ -528,7 +526,7 @@
|
|
|
528
526
|
|
|
529
527
|
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementFocus {
|
|
530
528
|
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
531
|
-
|
|
529
|
+
outline-offset: calc(@sapUiContentFocusWidth + .05rem);
|
|
532
530
|
border-radius: 8px;
|
|
533
531
|
}
|
|
534
532
|
|
|
@@ -544,7 +542,7 @@
|
|
|
544
542
|
|
|
545
543
|
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkNodeCircle.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkGraphDivInnerWrapper {
|
|
546
544
|
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapContent_FocusColor;
|
|
547
|
-
|
|
545
|
+
outline-offset: calc(@sapUiContentFocusWidth + .05rem);
|
|
548
546
|
border-radius: 50%;
|
|
549
547
|
}
|
|
550
548
|
|
|
@@ -575,14 +573,14 @@
|
|
|
575
573
|
|
|
576
574
|
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
577
575
|
color: @sapContent_IconColor;
|
|
578
|
-
|
|
576
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
579
577
|
background-color: @sapUiListSelectionBackgroundColor;
|
|
580
578
|
border-radius: 8px;
|
|
581
579
|
}
|
|
582
580
|
|
|
583
581
|
.sapSuiteUiCommonsNetworkNodeCircle.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
584
582
|
color: @sapContent_IconColor;
|
|
585
|
-
|
|
583
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
586
584
|
background-color: @sapUiListSelectionBackgroundColor;
|
|
587
585
|
border-radius: 50%;
|
|
588
586
|
}
|
|
@@ -590,27 +588,27 @@
|
|
|
590
588
|
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
591
589
|
color: @sapTextColor;
|
|
592
590
|
background-color: @sapUiListHoverSelectionBackground;
|
|
593
|
-
|
|
591
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
594
592
|
border-radius: 8px;
|
|
595
593
|
}
|
|
596
594
|
|
|
597
595
|
.sapSuiteUiCommonsNetworkNodeCircle.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
598
596
|
color: @sapTextColor;
|
|
599
597
|
background-color: @sapUiListHoverSelectionBackground;
|
|
600
|
-
|
|
598
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
601
599
|
border-radius: 50%;
|
|
602
600
|
}
|
|
603
601
|
|
|
604
602
|
.sapSuiteUiCommonsNetworkGraphDivActionButtonBackground.sapSuiteUiCommonsNetworkElementFocus {
|
|
605
603
|
border-radius: 50%;
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
604
|
+
position: initial;
|
|
605
|
+
display: inline-flex;
|
|
606
|
+
outline-offset: .1rem;
|
|
607
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
610
608
|
}
|
|
611
609
|
|
|
612
610
|
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivInner {
|
|
613
|
-
|
|
611
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
614
612
|
background-color: @sapUiListHoverBackground;
|
|
615
613
|
}
|
|
616
614
|
|
|
@@ -625,13 +623,10 @@
|
|
|
625
623
|
position: absolute;
|
|
626
624
|
left: -10px;
|
|
627
625
|
top: -10px;
|
|
628
|
-
|
|
629
626
|
background-color: @sapUiListBackground;
|
|
630
627
|
border-radius: 50%;
|
|
631
628
|
color: @sapUiBaseText;
|
|
632
|
-
|
|
633
|
-
border: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapUiContentForegroundBorderColor;
|
|
634
|
-
|
|
629
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapUiContentForegroundBorderColor;
|
|
635
630
|
pointer-events: all;
|
|
636
631
|
}
|
|
637
632
|
|
|
@@ -648,46 +643,47 @@
|
|
|
648
643
|
}
|
|
649
644
|
|
|
650
645
|
.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivHeader.sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
651
|
-
|
|
646
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
652
647
|
}
|
|
653
648
|
|
|
654
649
|
.sapSuiteUiCommonsNetworkGraphDivHeader .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
655
|
-
|
|
656
|
-
|
|
650
|
+
background-color: @sapNeutralBackground;
|
|
651
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
657
652
|
}
|
|
653
|
+
|
|
658
654
|
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
659
|
-
|
|
660
|
-
|
|
655
|
+
background-color: @sapWarningBackground;
|
|
656
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapWarningBorderColor;
|
|
661
657
|
}
|
|
662
658
|
|
|
663
659
|
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
664
|
-
|
|
665
|
-
|
|
660
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapErrorBorderColor;
|
|
661
|
+
background-color: @sapErrorBackground;
|
|
666
662
|
}
|
|
667
663
|
|
|
668
664
|
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
669
|
-
|
|
670
|
-
|
|
665
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapSuccessBorderColor;
|
|
666
|
+
background-color: @sapSuccessBackground;
|
|
671
667
|
}
|
|
672
668
|
|
|
673
669
|
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
674
|
-
|
|
675
|
-
|
|
670
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapInformationBorderColor;
|
|
671
|
+
background-color: @sapInformationBackground;
|
|
676
672
|
}
|
|
677
673
|
|
|
678
674
|
.sapSuiteUiCommonsNetworkElementNeutral .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
679
|
-
|
|
680
|
-
|
|
675
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
676
|
+
background-color: @sapNeutralBackground;
|
|
681
677
|
}
|
|
682
678
|
|
|
683
679
|
.sapSuiteUiCommonsNetworkNodeCustomStatus .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
684
|
-
|
|
685
|
-
|
|
680
|
+
outline: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapNeutralBorderColor;
|
|
681
|
+
background-color: @sapNeutralBackground;
|
|
686
682
|
}
|
|
687
683
|
|
|
688
684
|
.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
|
|
689
|
-
|
|
690
|
-
|
|
685
|
+
outline-width: @sapUiButtonSelectedTokenBorderWidth;
|
|
686
|
+
background-color: @sapList_SelectionBackgroundColor;
|
|
691
687
|
}
|
|
692
688
|
|
|
693
689
|
.sapSuiteUiCommonsNetworkDivCircleWrapper {
|
|
@@ -778,12 +774,12 @@
|
|
|
778
774
|
|
|
779
775
|
.sapSuiteUiCommonsNetworkGraphDivActionButtonsRight {
|
|
780
776
|
top: 0;
|
|
781
|
-
right: -
|
|
777
|
+
right: -34px;
|
|
782
778
|
}
|
|
783
779
|
|
|
784
780
|
.sapSuiteUiCommonsNetworkGraphDivActionButtonsLeft {
|
|
785
781
|
top: 0;
|
|
786
|
-
left: -
|
|
782
|
+
left: -34px;
|
|
787
783
|
}
|
|
788
784
|
|
|
789
785
|
.sapSuiteUiCommonsNetworkGraphDivActionButton {
|