Commit 435d829b authored by Ryan Herbert's avatar Ryan Herbert
Browse files

css refactor a class modal for popups

introduces the modal css class to allows the use of modal windows
outside the context of info and data containers.
parent 5947155d
......@@ -1025,22 +1025,25 @@ a.tag-link {
/* ----------------- */
.data-container, .info-container{
.modal {
z-index:3;
border:solid;
position: fixed;
top: 50px;
left: 20px + @width_left_container;
font-size: 13px;
padding: 10px;
background: @background;
display:none;
max-width: -moz-calc(~"100%" - @width_left_container + 60px);
max-width: -webkit-calc(~"100%" - @width_left_container + 60px);
max-width: calc(~"100%" - @width_left_container + 60px);
height: -moz-calc(~"100%" - 215px);
height: -webkit-calc(~"100%" - 215px);
height: calc(~"100%" - 215px);
&.data-container, &.info-container{
top: 50px;
left: 20px + @width_left_container;
max-width: -moz-calc(~"100%" - @width_left_container + 60px);
max-width: -webkit-calc(~"100%" - @width_left_container + 60px);
max-width: calc(~"100%" - @width_left_container + 60px);
height: -moz-calc(~"100%" - 215px);
height: -webkit-calc(~"100%" - 215px);
height: calc(~"100%" - 215px);
}
}
.data-msg, .info-msg{
......
......@@ -49,7 +49,7 @@ function Com(default_console) {
}
}
this.data_id = "data-container"; //TODO
this.data_id = "modal data-container"; //TODO
this.DEBUG = 0
......@@ -199,7 +199,7 @@ Com.prototype = {
this.div_dataBox = document.createElement("div");
this.div_dataBox.className = "data-container";
this.div_dataBox.className = "modal data-container";
var closedataBox = document.createElement("span");
closedataBox.className = "closeButton" ;
......
......@@ -80,7 +80,7 @@ Model.prototype = {
//build infoBox
this.infoBox = document.createElement("div");
this.infoBox.className = "info-container";
this.infoBox.className = "modal info-container";
var closeinfoBox = document.createElement("span");
closeinfoBox.className = "closeButton" ;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment