New maps in progress... (Fixed arrow body position)

This commit is contained in:
Arturo Gonzalez 2016-03-04 10:41:21 +01:00
parent ba17caf0ec
commit 5be789038e
4 changed files with 26 additions and 26 deletions

View File

@ -462,7 +462,7 @@ function arrow_by_pieces(target, id_arrow, id_node_to, id_node_from, step) {
var arrow_body_b = arrow_body.node().getBBox(); var arrow_body_b = arrow_body.node().getBBox();
transform.translate[0] = c_elem1[0]; transform.translate[0] = c_elem1[0];
transform.translate[1] = c_elem1[1] - arrow_body_b['height'] / 2; transform.translate[1] = c_elem1[1] + arrow_body_b['height'] / 2;
transform.rotate = get_angle_of_line(c_elem1, c_elem2); transform.rotate = get_angle_of_line(c_elem1, c_elem2);

View File

@ -9,4 +9,4 @@
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
padding: 8px 10px; padding: 8px 10px;
} }

View File

@ -9,4 +9,4 @@
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
padding: 8px 10px; padding: 8px 10px;
} }

View File

@ -1,6 +1,6 @@
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { .tooltipster-default {
border-radius: 5px; border-radius: 5px;
border: 2px solid #000; border: 2px solid #000;
background: #4c4c4c; background: #4c4c4c;
color: #fff; color: #fff;
@ -65,7 +65,7 @@
} }
.tooltipster-arrow span, .tooltipster-arrow-border { .tooltipster-arrow span, .tooltipster-arrow-border {
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
position: absolute; position: absolute;
} }
@ -113,7 +113,7 @@
} }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important; border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; border-bottom: 8px solid transparent !important;
border-left: 8px solid; border-left: 8px solid;
top: 50%; top: 50%;
margin-top: -7px; margin-top: -7px;
@ -121,13 +121,13 @@
} }
.tooltipster-arrow-left .tooltipster-arrow-border { .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important; border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; border-bottom: 9px solid transparent !important;
border-left: 9px solid; border-left: 9px solid;
margin-top: -8px; margin-top: -8px;
} }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important; border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; border-bottom: 8px solid transparent !important;
border-right: 8px solid; border-right: 8px solid;
top: 50%; top: 50%;
margin-top: -7px; margin-top: -7px;
@ -135,7 +135,7 @@
} }
.tooltipster-arrow-right .tooltipster-arrow-border { .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important; border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; border-bottom: 9px solid transparent !important;
border-right: 9px solid; border-right: 9px solid;
margin-top: -8px; margin-top: -8px;
} }
@ -175,10 +175,10 @@
-ms-transform: scale(1,1); -ms-transform: scale(1,1);
transform: scale(1,1); transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
} }
@ -203,10 +203,10 @@
-ms-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg);
transform: rotateZ(0deg); transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
} }
@ -218,11 +218,11 @@
-ms-transition-property: top; -ms-transition-property: top;
transition-property: top; transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
} }
.tooltipster-fall-show { .tooltipster-fall-show {
} }
@ -244,10 +244,10 @@
-ms-transition-property: left; -ms-transition-property: left;
transition-property: left; transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
} }
.tooltipster-slide.tooltipster-slide-show { .tooltipster-slide.tooltipster-slide-show {