tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

New maps in progress... (provisional dialog arrows)

This commit is contained in:
Arturo Gonzalez 2016-02-11 11:28:53 +01:00
parent 38f105f041
commit 625b4044e0
2 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pandora_console/include/javascript/map/MapController.js
View File

@ -146,12 +146,12 @@ MapController.prototype.popup_map = function(self, event) {
var yPos = event.clientY - dialog_height - nodeR - self._dialogNodeMargin; var yPos = event.clientY - dialog_height - nodeR - self._dialogNodeMargin;
} }
else if (self.yOffset(map_height, nodeY, dialog_height)) { else if (self.yOffset(map_height, nodeY, dialog_height)) {
var dialogClass = "nodeDialogBottom"; var dialogClass = "nodeDialogBottom2";
var xPos = event.pageX - nodeR; var xPos = event.pageX - nodeR;
var yPos = event.clientY + -dialog_height - nodeR - self._dialogNodeMargin; var yPos = event.clientY + -dialog_height - nodeR - self._dialogNodeMargin;
} }
else if (self.xOffset(map_width, nodeX, dialog_width)) { else if (self.xOffset(map_width, nodeX, dialog_width)) {
var dialogClass = "nodeDialogTop"; var dialogClass = "nodeDialogTop2";
var xPos = event.pageX - dialog_width + nodeR; var xPos = event.pageX - dialog_width + nodeR;
var yPos = event.clientY + nodeR + self._dialogNodeMargin; var yPos = event.clientY + nodeR + self._dialogNodeMargin;
} }

41
pandora_console/include/styles/pandora.css
View File

@ -3135,7 +3135,26 @@ table#policy_modules td * {
} }
.nodeDialogTop:after { .nodeDialogTop:after {
bottom: 100%; bottom: 100%;
left: 50%; left: 8%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #82b92e;
border-width: 15px;
margin-left: -15px;
}
.nodeDialogTop2 {
float: left;
position: relative;
background: #82b92e;
}
.nodeDialogTop2:after {
bottom: 100%;
right: 8%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
@ -3155,7 +3174,25 @@ table#policy_modules td * {
} }
.nodeDialogBottom:after { .nodeDialogBottom:after {
top: 100%; top: 100%;
left: 50%; right: 8%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #82b92e;
border-width: 15px;
margin-left: -15px;
}
.nodeDialogBottom2 {
position: relative;
background: #82b92e;
}
.nodeDialogBottom2:after {
top: 100%;
left: 8%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;