@sapui5/sap.ui.vbm 1.124.0 → 1.126.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/ui/vbm/.library +8 -1
- package/src/sap/ui/vbm/Adapter.js +1 -1
- package/src/sap/ui/vbm/Adapter3D.js +65 -15
- package/src/sap/ui/vbm/AnalyticMap.js +14 -6
- package/src/sap/ui/vbm/GeoMap.js +15 -1
- package/src/sap/ui/vbm/Viewport.js +1 -1
- package/src/sap/ui/vbm/adapter3d/ColladaBounds.js +123 -0
- package/src/sap/ui/vbm/adapter3d/DragDropHandler.js +1 -1
- package/src/sap/ui/vbm/adapter3d/ModelHandler.js +38 -2
- package/src/sap/ui/vbm/adapter3d/ObjectFactory.js +1 -1
- package/src/sap/ui/vbm/adapter3d/PolygonHandler.js +1 -1
- package/src/sap/ui/vbm/adapter3d/RectangleTracker.js +606 -0
- package/src/sap/ui/vbm/adapter3d/SceneBuilder.js +1 -1
- package/src/sap/ui/vbm/adapter3d/VBIJSONParser.js +1 -1
- package/src/sap/ui/vbm/i18n/messagebundle_sh.properties +5 -5
- package/src/sap/ui/vbm/lib/sapresources.js +1 -8
- package/src/sap/ui/vbm/lib/sapscene.js +6 -6
- package/src/sap/ui/vbm/lib/saputilities.js +0 -4
- package/src/sap/ui/vbm/lib/sapvobase.js +0 -2
- package/src/sap/ui/vbm/library.js +2 -4
- package/src/sap/ui/vbm/themes/sap_belize/library.source.less +10 -1
- package/src/sap/ui/vbm/themes/sap_belize_base/AnalyticMap.less +8 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/Cluster.less +136 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/ContainerBase.less +45 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/ContainerLegendItem.less +46 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/DetailWindow.less +42 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/GeoMap.less +8 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/ListPanel.less +43 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/ListPanelStack.less +30 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/MapContainer.less +210 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/VBI.less +829 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/Viewport.less +17 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/library.source.less +18 -0
- package/src/sap/ui/vbm/themes/sap_belize_base/shared.less +9 -0
- package/src/sap/ui/vbm/themes/sap_belize_hcb/library.source.less +10 -1
- package/src/sap/ui/vbm/themes/sap_belize_hcw/library.source.less +10 -1
- package/src/sap/ui/vbm/themes/sap_hcb/base_AnalyticMap.less +8 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_Cluster.less +136 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_ContainerBase.less +45 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_ContainerLegendItem.less +46 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_DetailWindow.less +42 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_GeoMap.less +8 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_ListPanel.less +43 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_ListPanelStack.less +30 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_MapContainer.less +210 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_VBI.less +829 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_Viewport.less +17 -0
- package/src/sap/ui/vbm/themes/sap_hcb/base_shared.less +9 -0
- package/src/sap/ui/vbm/themes/sap_hcb/library.source.less +24 -1
|
@@ -3594,7 +3594,6 @@ VBI.VisualObjects = function() {
|
|
|
3594
3594
|
// collect linepoints and calculate midarrows
|
|
3595
3595
|
var intermediateDistArrow = 250; // the distance between intermediate arrows
|
|
3596
3596
|
var fSegLength = 0;
|
|
3597
|
-
var flength = 0;
|
|
3598
3597
|
var tdx, tdy, nOffset, delta;
|
|
3599
3598
|
var width = this.m_Scene.m_Canvas[this.m_Scene.m_nOverlayIndex].width;
|
|
3600
3599
|
var height = this.m_Scene.m_Canvas[this.m_Scene.m_nOverlayIndex].height;
|
|
@@ -3658,7 +3657,6 @@ VBI.VisualObjects = function() {
|
|
|
3658
3657
|
|
|
3659
3658
|
// collect the indices where to place intermediate arrowheads
|
|
3660
3659
|
delta = Math.sqrt(tdx * tdx + tdy * tdy);
|
|
3661
|
-
flength += delta;
|
|
3662
3660
|
if (fSegLength + delta > intermediateDistArrow) {
|
|
3663
3661
|
// calculate intermediate point
|
|
3664
3662
|
var tx = tdx / delta * (intermediateDistArrow - fSegLength);
|
|
@@ -20,7 +20,7 @@ sap.ui.define([
|
|
|
20
20
|
* @namespace
|
|
21
21
|
* @alias sap.ui.vbm
|
|
22
22
|
* @author SAP SE
|
|
23
|
-
* @version 1.
|
|
23
|
+
* @version 1.126.0
|
|
24
24
|
* @public
|
|
25
25
|
*/
|
|
26
26
|
|
|
@@ -45,7 +45,7 @@ sap.ui.define([
|
|
|
45
45
|
"sap.ui.vbm.ClusterBase", "sap.ui.vbm.ClusterTree", "sap.ui.vbm.ClusterGrid", "sap.ui.vbm.ClusterDistance", "sap.ui.vbm.Heatmap",
|
|
46
46
|
"sap.ui.vbm.HeatPoint", "sap.ui.vbm.ClusterContainer", "sap.ui.vbm.Adapter", "sap.ui.vbm.Adapter3D"
|
|
47
47
|
],
|
|
48
|
-
version: "1.
|
|
48
|
+
version: "1.126.0"
|
|
49
49
|
});
|
|
50
50
|
|
|
51
51
|
sap.ui.loader.config({
|
|
@@ -206,8 +206,6 @@ sap.ui.define([
|
|
|
206
206
|
};
|
|
207
207
|
|
|
208
208
|
vbmLibrary.getResourceBundle = function() {
|
|
209
|
-
Lib.load({ name: "sap.ui.vbm.i18n" });
|
|
210
|
-
// ResourceBundle can be retrieved
|
|
211
209
|
var oResourceBundle = Lib.getResourceBundleFor("sap.ui.vbm.i18n")
|
|
212
210
|
return oResourceBundle;
|
|
213
211
|
};
|
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
* SAP UI development toolkit for HTML5 (SAPUI5) (c) Copyright 2009-2012 SAP AG. All rights reserved
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
/***********************************************************************************
|
|
6
|
+
/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
|
|
7
|
+
/* inheritance of the base theme is now updated to an inheritance of a static
|
|
8
|
+
/* copy of the base theme named sap_belize_base. The respective
|
|
9
|
+
/* control css files of base are copied to the sap_belize_base theme folder.
|
|
10
|
+
/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
|
|
11
|
+
***********************************************************************************/
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
@import "../sap_belize_base/library.source.less";
|
|
6
15
|
@import "../../../../../sap/ui/core/themes/sap_belize/base.less";
|
|
7
16
|
@import "../../../../../sap/ui/core/themes/sap_belize/global.less";
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
|
|
2
|
+
/*...........................................................................*/
|
|
3
|
+
/* LESS for control sap.ui.vbm/Cluster.control...............................*/
|
|
4
|
+
/*...........................................................................*/
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
/* main cluster container style..................................................*/
|
|
8
|
+
.sapUiVbicluster-main {
|
|
9
|
+
height: 100%;
|
|
10
|
+
-webkit-user-select: none;
|
|
11
|
+
-moz-user-select: none;
|
|
12
|
+
-ms-user-select: none;
|
|
13
|
+
user-select: none;
|
|
14
|
+
z-index: 0;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
.sapUiVbicluster-backgroundcircle{
|
|
20
|
+
position: relative;
|
|
21
|
+
padding: 0.0625rem;
|
|
22
|
+
width: 3.625rem;
|
|
23
|
+
height: 3.625rem;
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
border-radius: 1.8125rem;
|
|
26
|
+
background-color: rgba(255,255,255,0.25);
|
|
27
|
+
border-style: solid;
|
|
28
|
+
border-width: 0.5rem;
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapUiVbicluster-innercircle{
|
|
33
|
+
width: 2.5rem;
|
|
34
|
+
height: 2.5rem;
|
|
35
|
+
border-radius: 1.25rem;
|
|
36
|
+
border-width: 0.125rem;
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
border-style: solid;
|
|
39
|
+
line-height: 2.25rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.sapUiVbicluster-background-error{
|
|
43
|
+
background-color: rgba(211, 32, 48, 1.0);
|
|
44
|
+
border-color: rgba(211, 32, 48, 1.0);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.sapUiVbicluster-border-error{
|
|
48
|
+
border-color: rgba(211, 32, 48, 0.5);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.sapUiVbicluster-background-warning{
|
|
52
|
+
background-color: rgba(225, 123, 36, 1.0);
|
|
53
|
+
border-color: rgba(225, 123, 36, 1.0);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.sapUiVbicluster-border-warning{
|
|
57
|
+
border-color: rgba(225, 123, 36, 0.5);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.sapUiVbicluster-inner-light{
|
|
61
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.sapUiVbicluster-background-success{
|
|
67
|
+
border-color: rgba(77, 132, 69, 0.5);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.sapUiVbicluster-border-success{
|
|
71
|
+
border-color: rgba(77, 132, 69, 0.5);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.sapUiVbicluster-background-default{
|
|
75
|
+
border-color: rgba(94, 105, 110, 0.5);
|
|
76
|
+
}
|
|
77
|
+
.sapUiVbicluster-border-default{
|
|
78
|
+
border-color: rgba(94, 105, 110, 0.5);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.sapUiVbicluster-icon{
|
|
82
|
+
display:inline-block;
|
|
83
|
+
vertical-align: sub;
|
|
84
|
+
font-family: SAP-icons;
|
|
85
|
+
font-size: 1.375rem;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.sapUiVbicluster-iconSuccess{
|
|
89
|
+
color: rgba(77, 132, 69, 1.0);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.sapUiVbicluster-iconDefault{
|
|
93
|
+
color: rgba(94, 105, 110, 1.0);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.sapUiVbicluster-iconLight{
|
|
97
|
+
color: rgba(255, 255, 255, 1.0);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.sapUiVbicluster-textbox-success{
|
|
101
|
+
border-color: rgba(77, 132, 69, 1.0);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.sapUiVbicluster-textbox-warning{
|
|
105
|
+
border-color: rgba(225, 123, 36, 1.0);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.sapUiVbicluster-textbox-default{
|
|
109
|
+
border-color: rgba(94, 105, 110, 1.0);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.sapUiVbicluster-textbox-error{
|
|
113
|
+
border-color: rgba(211, 32, 48, 1.0);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
.sapUiVbicluster-textbox{
|
|
118
|
+
line-height: normal;
|
|
119
|
+
position: absolute;
|
|
120
|
+
bottom: 2rem;
|
|
121
|
+
left: 2rem;
|
|
122
|
+
border-radius: 0.59375rem;
|
|
123
|
+
border-width: 0.125rem;
|
|
124
|
+
box-sizing: border-box;
|
|
125
|
+
|
|
126
|
+
border-style: solid;
|
|
127
|
+
background-color: rgba(255, 255, 255, 1.0);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.sapUiVbicluster-textbox div{
|
|
131
|
+
margin: 0rem 0.3125rem 0rem 0.3125rem;
|
|
132
|
+
font-weight: normal;
|
|
133
|
+
font-family: @sapUiFontFamily;
|
|
134
|
+
font-size: 0.75rem;
|
|
135
|
+
color: #333333;
|
|
136
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/*...........................................................................*/
|
|
2
|
+
/* LESS for control sap.ui.vk/ContainerBase.control...................................*/
|
|
3
|
+
/*...........................................................................*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* main container style..................................................*/
|
|
7
|
+
.sapUiVkContainerBase {
|
|
8
|
+
border: none;
|
|
9
|
+
position: relative;
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.sapUiVkContainerBaseOverlay { /* class for fullscreen overlay */
|
|
15
|
+
left: 0;
|
|
16
|
+
top: 0 !important;
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sapUiVkContainerBaseWrapper {
|
|
22
|
+
width: 100%;
|
|
23
|
+
height: 100%;
|
|
24
|
+
background-color: rgb(255,255,255);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.sapUiVkContainerBaseToolbarArea {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 0px;
|
|
30
|
+
right: 0px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.sapUiVkContainerBaseToolbarArea .sapMTB {
|
|
34
|
+
border: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.sapUiVkContainerBaseContentArea {
|
|
38
|
+
padding-top: 3em;
|
|
39
|
+
width: 100%;
|
|
40
|
+
height: 100%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.sapUiSizeCompact .sapUiVkContainerBaseContentArea {
|
|
44
|
+
padding-top: 2em;
|
|
45
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/*...........................................................................*/
|
|
2
|
+
/* LESS for control sap.ui.vbm/ContainerLegendItem.control.............................*/
|
|
3
|
+
/*...........................................................................*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* Legend Item style.........................................................*/
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
.sapUiVkLegendItemSquare
|
|
10
|
+
{
|
|
11
|
+
|
|
12
|
+
height: 1.125rem;
|
|
13
|
+
width: 1.125rem;
|
|
14
|
+
border-style: solid;
|
|
15
|
+
border-width: 0.125rem;
|
|
16
|
+
border-color: white;
|
|
17
|
+
margin-right: 1rem;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.sapUiSizeCompact .sapUiVkLegendItemSquare
|
|
21
|
+
{
|
|
22
|
+
height: 0.75rem;
|
|
23
|
+
width: 0.75rem;
|
|
24
|
+
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.sapUiVkLegendItemSpotType
|
|
28
|
+
{
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
.sapUiVkLegendItemSpotType .sapMSLIImg , .sapUiVkLegendItemSpotType .sapMSLIImgFirst
|
|
32
|
+
{
|
|
33
|
+
|
|
34
|
+
height: 2rem;
|
|
35
|
+
width: 1.49rem;
|
|
36
|
+
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.sapUiSizeCompact .sapUiVkLegendItemSpotType .sapMSLIImg, .sapUiSizeCompact .sapUiVkLegendItemSpotType .sapMSLIImgFirst
|
|
40
|
+
{
|
|
41
|
+
|
|
42
|
+
height: 1.5rem;
|
|
43
|
+
width: 1.15rem;
|
|
44
|
+
|
|
45
|
+
}
|
|
46
|
+
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
.sapUiVbmDetailWindowAnchor {
|
|
2
|
+
width: 1px;
|
|
3
|
+
height: 1px;
|
|
4
|
+
position: absolute;
|
|
5
|
+
visibility: hidden;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.sapUiVbmDetailWindow {
|
|
9
|
+
padding: 10px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.sapUiVbmDetailWindowBase
|
|
13
|
+
{
|
|
14
|
+
font-size: 10px;
|
|
15
|
+
font-family: @sapUiFontFamily;
|
|
16
|
+
color: @sapUiBaseText;
|
|
17
|
+
background-color: transparent;
|
|
18
|
+
text-align: left;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sapUiVbmDetaiWindowCaption {
|
|
22
|
+
font-size: 12px;
|
|
23
|
+
color: @sapUiText;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.sapUiVbmDetailWindowCaption3 {
|
|
27
|
+
color: @sapUiText;
|
|
28
|
+
font-size: 14px;
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapUiVbmDetailWindowAlignLeft {
|
|
33
|
+
text-align: left;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sapUiVbmDetailWindowAlignCenter {
|
|
37
|
+
text-align: center;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.sapUiVbmDetailWindowAlignRight {
|
|
41
|
+
text-align: right;
|
|
42
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/*...........................................................................*/
|
|
2
|
+
/* LESS for control sap.ui.vbm/ListPanel.control..............................*/
|
|
3
|
+
/*...........................................................................*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* main List Panel style..................................................*/
|
|
7
|
+
.sapUiVkListPanel {
|
|
8
|
+
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* change margin and padding of panel header toolbar for right aligned expand icon */
|
|
12
|
+
.sapMPanel .sapMPanelWrappingDivTb .sapUiVkLPTb.sapMIBar.sapMTB {
|
|
13
|
+
margin-left: 0.25rem;
|
|
14
|
+
padding-right: 0px;
|
|
15
|
+
margin-right: 3rem;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.sapMPanel.sapMPanelExpandable.sapUiVkListPanel .sapMTB.sapMPanelHeaderTB {
|
|
19
|
+
padding: 0rem; /* remove padding from header when collapsed completely */
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.sapUiVkListPanel {
|
|
23
|
+
.sapMPanelContent { /* remove padding from panel content */
|
|
24
|
+
padding: 0px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.sapMPanelWrappingDivTb {
|
|
28
|
+
button { /* move panel expand icon right */
|
|
29
|
+
right: 0px;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.sapMLIB:last-child { /* remove border from last list item to prevent double border together with panel content */
|
|
34
|
+
border-bottom: 0px;
|
|
35
|
+
}
|
|
36
|
+
/* indent list items by panel header icon width*/
|
|
37
|
+
.sapMLIB{
|
|
38
|
+
padding-left: 3rem;
|
|
39
|
+
}
|
|
40
|
+
.sapUiSizeCompact & .sapMLIB{
|
|
41
|
+
padding-left: 2.75rem;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/*...........................................................................*/
|
|
2
|
+
/* LESS for control sap.ui.vbm/ListPanelStack.control...................................*/
|
|
3
|
+
/*...........................................................................*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* main ListPanelStack style..................................................*/
|
|
7
|
+
.sapUiVkListPanelStack {
|
|
8
|
+
background-color: @sapList_Background;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
.sapUiVkLPSTrans {
|
|
13
|
+
transition: width 0.4s;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.sapUiVkLPSCollapse .sapUiVkListPanel .sapMPanelExpandableIcon {
|
|
17
|
+
display: none;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
html:not(.sap-phone) .sapUiVkLPSCollapse .sapUiVkListPanel .sapMPanelWrappingDivTb>button { /* hide default panel expand button if collapsed */
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.sapUiVkLPSCollapse .sapMPanel .sapMPanelWrappingDivTb .sapUiVkLPTb.sapMIBar.sapMTB {
|
|
25
|
+
margin-right: 0px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.sapUiVkListPanelStack .sapUiVkListPanel .sapMPanelContent { /* remove scrolling from panel content since whole stack should scroll */
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
}
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
/*...........................................................................*/
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
/* LESS for control sap.ui.vbm/MapContainer.control...................................*/
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
/*...........................................................................*/
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
/* main map container style..................................................*/
|
|
11
|
+
|
|
12
|
+
.sapUiVkMapContainer {}
|
|
13
|
+
.sapUiVkMapContainerOverlay {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0.5rem;
|
|
16
|
+
left: 0.5rem;
|
|
17
|
+
right: 0.25rem;
|
|
18
|
+
bottom: 1rem;
|
|
19
|
+
/* necessary to let events through to the content below */
|
|
20
|
+
pointer-events: none;
|
|
21
|
+
}
|
|
22
|
+
html.sap-phone {
|
|
23
|
+
.sapUiVkMapContainerOverlay {
|
|
24
|
+
top: 0.25rem;
|
|
25
|
+
left: 0.25rem;
|
|
26
|
+
right: 0.25rem;
|
|
27
|
+
}
|
|
28
|
+
.sapUiVkContainerBaseWrapper {
|
|
29
|
+
position: absolute;
|
|
30
|
+
top: 0px;
|
|
31
|
+
left: 0px;
|
|
32
|
+
transition: transform 0.4s;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
.sapUiVkMapContainer {
|
|
36
|
+
.sapUiVkContainerBaseContentArea {
|
|
37
|
+
padding-top: 0px;
|
|
38
|
+
}
|
|
39
|
+
.sapUiVkContainerBaseToolbarArea {
|
|
40
|
+
position: static;
|
|
41
|
+
/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
|
|
42
|
+
this is needed to make toolbar buttons functional */
|
|
43
|
+
pointer-events: auto;
|
|
44
|
+
}
|
|
45
|
+
.sapUiVkContainerBaseToolbarArea .sapMTB {
|
|
46
|
+
border: none;
|
|
47
|
+
/* This trick allows to let events pass transparent parts of the toolbar */
|
|
48
|
+
height: 1px !important;
|
|
49
|
+
overflow: visible;
|
|
50
|
+
margin-top: 1.5rem;
|
|
51
|
+
}
|
|
52
|
+
.sapUiVkMapContainerListPanelArea {
|
|
53
|
+
/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
|
|
54
|
+
this is needed to make ListPanelStack functional */
|
|
55
|
+
pointer-events: auto;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.sapUiSizeCompact .sapUiVkMapContainer .sapUiVkContainerBaseToolbarArea .sapMTB {
|
|
59
|
+
margin-top: 1rem;
|
|
60
|
+
}
|
|
61
|
+
.sapUiVkMapContainerNavbarArea {
|
|
62
|
+
position: absolute;
|
|
63
|
+
right: 0rem;
|
|
64
|
+
bottom: 0rem;
|
|
65
|
+
/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
|
|
66
|
+
this is needed to make navbar buttons functional */
|
|
67
|
+
pointer-events: auto;
|
|
68
|
+
}
|
|
69
|
+
.sapUiVkMapContainerNavbarArea {
|
|
70
|
+
.sapMTB {
|
|
71
|
+
border: none !important;
|
|
72
|
+
flex-direction: column;
|
|
73
|
+
height: auto !important;
|
|
74
|
+
width: 1px;
|
|
75
|
+
overflow: visible;
|
|
76
|
+
background: transparent;
|
|
77
|
+
}
|
|
78
|
+
.sapMIBar>.sapMBarChild:last-child {
|
|
79
|
+
margin-top: -0.5rem;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
.sapUiVkMapContainerLPW {
|
|
83
|
+
top: 0px;
|
|
84
|
+
left: 0px;
|
|
85
|
+
background: white;
|
|
86
|
+
width: 100%;
|
|
87
|
+
height: 100%;
|
|
88
|
+
/* from back button */
|
|
89
|
+
padding-left: 0.25rem;
|
|
90
|
+
transform: translateX(-100%);
|
|
91
|
+
transition: transform 0.4s;
|
|
92
|
+
box-sizing: border-box;
|
|
93
|
+
}
|
|
94
|
+
html.sap-phone .sapUiVkMapContainerListPanelArea {
|
|
95
|
+
/* neutralize padding from sapUiVkMapContainerLPW */
|
|
96
|
+
margin-left: -0.25rem;
|
|
97
|
+
}
|
|
98
|
+
html:not(.sap-phone) .sapUiVkMapContainerListPanelArea {
|
|
99
|
+
float: left;
|
|
100
|
+
}
|
|
101
|
+
.sapUiVkMapContainerLPWIn {
|
|
102
|
+
transform: translateX(0%);
|
|
103
|
+
}
|
|
104
|
+
.sapUiVkMapContainerMapOut {
|
|
105
|
+
transform: translateX(100%);
|
|
106
|
+
}
|
|
107
|
+
html[dir=rtl] {
|
|
108
|
+
.sapUiVkMapContainerLPW {
|
|
109
|
+
transform: translateX(100%);
|
|
110
|
+
}
|
|
111
|
+
.sapUiVkMapContainerLPWIn {
|
|
112
|
+
transform: translateX(0%);
|
|
113
|
+
}
|
|
114
|
+
.sapUiVkMapContainerMapOut {
|
|
115
|
+
transform: translateX(-100%);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
.mapContainerHboxPopover.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsStretch.sapMFlexBoxBGTransparent.sapMFlexBoxJustifyStart.sapMFlexBoxWrapNoWrap.sapMHBox {
|
|
121
|
+
height:5rem;
|
|
122
|
+
width: 100%;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
.mapLayerPopoverItemText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable{
|
|
128
|
+
bottom: 0.1rem;
|
|
129
|
+
right: 0.3rem;
|
|
130
|
+
position: absolute;
|
|
131
|
+
background:rgba(255,255,255,0.6);
|
|
132
|
+
margin-bottom: 0.15rem;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
.layerType.sapMImg.sapMPointer{
|
|
137
|
+
border: 0.15rem solid white;
|
|
138
|
+
width: 4.7rem;
|
|
139
|
+
height: 4.7rem;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
.sapUiVkMapContainerNavbarArea .mapLayerPopoverItem {
|
|
144
|
+
position: absolute;
|
|
145
|
+
border: 0.15rem solid white;
|
|
146
|
+
width: 4.7rem;
|
|
147
|
+
height: 4.7rem;
|
|
148
|
+
bottom: 0.25rem;
|
|
149
|
+
right: 3.25rem;
|
|
150
|
+
z-index: 1;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
.sapUiVkMapContainerNavbarContainer {
|
|
155
|
+
position: absolute;
|
|
156
|
+
right: 0;
|
|
157
|
+
bottom: 0;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.sapUiVkMapContainerNavbarContainer .sapMIBar.sapMTB .sapMBarChild:first-child { /* Fix alignment of home button */
|
|
161
|
+
margin-left: auto;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.mapLayerSelectedText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable{
|
|
165
|
+
bottom: 0.6rem;
|
|
166
|
+
right: 3.6rem;
|
|
167
|
+
position: relative;
|
|
168
|
+
background:rgba(255,255,255,0.6);
|
|
169
|
+
white-space: nowrap;
|
|
170
|
+
z-index: 2;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.sapUiVkMapContainer {
|
|
174
|
+
.sapUiVkContainerBaseToolbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed),
|
|
175
|
+
.sapUiVkMapContainerNavbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
|
|
176
|
+
/* make transparent button in toolbar look like segmented button */
|
|
177
|
+
background-color: @sapUiSegmentedButtonBackground;
|
|
178
|
+
border-radius: 0px;
|
|
179
|
+
border-color: @sapUiSegmentedButtonBorderColor;
|
|
180
|
+
}
|
|
181
|
+
html.sap-desktop & .sapMSegBBtnFocusable:not(.sapMSegBBtnSel):hover,
|
|
182
|
+
/* needed for segmented button on hover */
|
|
183
|
+
:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive .sapMBtnIcon {
|
|
184
|
+
/* button active state */
|
|
185
|
+
color: @sapUiSegmentedButtonIconColor;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
html:not(.sap-phone) .sapUiVkMapContainer {
|
|
189
|
+
.sapUiVkListPanelStack {
|
|
190
|
+
border: 1px solid @sapList_BorderColor;
|
|
191
|
+
}
|
|
192
|
+
.sapUiVkMapContainerListPanelArea {
|
|
193
|
+
padding: 0.0625rem 0.125rem;
|
|
194
|
+
/* needed for shadow bleeding from inner div */
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
@font-face {
|
|
199
|
+
font-family: 'map-container';
|
|
200
|
+
src:url('../base/fonts/map-container.eot?#iefix') format('embedded-opentype'),
|
|
201
|
+
url('../base/fonts/map-container.woff') format('woff'),
|
|
202
|
+
url('../base/fonts/map-container.ttf') format('truetype');
|
|
203
|
+
font-weight: normal;
|
|
204
|
+
font-style: normal;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
#__popover0-scroll {
|
|
209
|
+
margin-right: 0px !important;
|
|
210
|
+
}
|