Appearance : improve responsive appearance for dashboard element
This commit is contained in:
parent
ae2ddf9541
commit
474acd9919
3 changed files with 29 additions and 5 deletions
|
|
@ -1233,10 +1233,30 @@ div.topmenu {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
text-align:left;
|
text-align:left;
|
||||||
z-index:1;
|
z-index:1;
|
||||||
width:480px;
|
width:100%;
|
||||||
width:30rem;
|
|
||||||
height:auto;
|
height:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
|
||||||
|
}
|
||||||
|
/* MeDium */
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
#add_todo_list , div.add_todo_list{
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* LarGe */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#add_todo_list , div.add_todo_list {
|
||||||
|
width:480px;
|
||||||
|
width:30rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* eXtraLarge */
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
|
||||||
|
}
|
||||||
div.welcome {
|
div.welcome {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -3072,7 +3092,6 @@ span.warning {
|
||||||
}
|
}
|
||||||
li.tab_row_selected {
|
li.tab_row_selected {
|
||||||
display:block;
|
display:block;
|
||||||
width:96%;
|
|
||||||
background: #C2E3FC; /* Old browsers */
|
background: #C2E3FC; /* Old browsers */
|
||||||
background: -moz-linear-gradient(top, #C2E3FC 0%, #6393c1 100%); /* FF3.6+ */
|
background: -moz-linear-gradient(top, #C2E3FC 0%, #6393c1 100%); /* FF3.6+ */
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2E3FC), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2E3FC), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
|
||||||
|
|
@ -3171,6 +3190,9 @@ margin-left: 2px;
|
||||||
border-color: #879ed4;
|
border-color: #879ed4;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px 15px 15px 20px;
|
||||||
|
margin: 20px 15px 15px 15px;
|
||||||
}
|
}
|
||||||
span.tab_row {
|
span.tab_row {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
|
||||||
|
|
@ -2180,7 +2180,7 @@ function view_action(ag_id, dossier, modify) {
|
||||||
}
|
}
|
||||||
var code_html = getNodeText(html[0]);
|
var code_html = getNodeText(html[0]);
|
||||||
code_html = unescape_xml(code_html);
|
code_html = unescape_xml(code_html);
|
||||||
var pos = fixed_position(0, 50) + ";width:90%;left:5%;z-index:"+layer+";";
|
var pos = "position:absolute;"+"top : "+calcy(50)+"px;"+"z-index:"+layer;
|
||||||
add_div({
|
add_div({
|
||||||
id: id,
|
id: id,
|
||||||
cssclass: "inner_box",
|
cssclass: "inner_box",
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,9 @@ function todo_list_show(p_id)
|
||||||
|
|
||||||
|
|
||||||
todo_div.style.top = (posY + offsetY) + 'px';
|
todo_div.style.top = (posY + offsetY) + 'px';
|
||||||
todo_div.style.left = (posX + offsetX + 20) + 'px';
|
if (document.viewport.getWidth()> 970) {
|
||||||
|
todo_div.style.left = (posX + offsetX + 20) + 'px';
|
||||||
|
}
|
||||||
|
|
||||||
var answer = req.responseXML;
|
var answer = req.responseXML;
|
||||||
var tl_id = answer.getElementsByTagName('tl_id');
|
var tl_id = answer.getElementsByTagName('tl_id');
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue