Appearance : improve responsive appearance for dashboard element

This commit is contained in:
sparkyx 2026-04-18 10:25:26 +02:00
parent ae2ddf9541
commit 474acd9919
3 changed files with 29 additions and 5 deletions

View file

@ -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;

View file

@ -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",

View file

@ -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');