Fix responsive of help center

This commit is contained in:
Laurent Destailleur 2019-05-13 09:47:58 +02:00
parent e84003d4ff
commit 8b0a0352e6
3 changed files with 24 additions and 10 deletions

View File

@ -16,11 +16,11 @@
*/
body {
font-size:12px;
font-size:14px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background: #f9f9f9;
/* background-color: #F4F4F4; */
margin: 5px 10px;
margin: 5px 5px;
}
div.titre {
@ -29,7 +29,7 @@ margin: 0 0 0 0;
}
span.titre {
font-size: 14px;
font-size: 15px;
font-weight: bold;
background: #FFFFFF;
color: #4965B3;
@ -150,13 +150,26 @@ tr.title
background: #DDDFDD;
}
table { font-size: 12px; }
table.login { border: 1px solid #C0C0C0; background: #FFF; font-size: 12px; }
table.login { border: 1px solid #C0C0C0; background: #FFF; }
.tablesupport {
padding: 6px;
}
.blocksupport {
padding: 12px;
/* width: 90%; */
}
/* Force values for small screen 570 */
@media only screen and (max-width: 570px)
{
.blocksupport {
width: 90%;
}
}
.inline-block
{
display:inline-block;
vertical-align: top;
margin: 12px;
min-width: 400px;
}

View File

@ -217,6 +217,7 @@ function pHeader($soutitre, $next, $action = 'none')
print '<head>'."\n";
print '<meta http-equiv="content-type" content="text/html; charset='.$conf->file->character_set_client.'">'."\n";
print '<meta name="robots" content="index,follow">'."\n";
print '<meta name="viewport" content="width=device-width, initial-scale=1.0">'."\n";
print '<meta name="keywords" content="help, center, dolibarr, doliwamp">'."\n";
print '<meta name="description" content="Dolibarr help center">'."\n";
print '<link rel="stylesheet" type="text/css" href="default.css">'."\n";

View File

@ -60,7 +60,7 @@ $style1='color: #333344; font-size: 16px; font-weight: bold';
$style2='color: #5D4455; font-weight: bold;';
print "\n";
print '<div style="width: 100%; text-align: center"><div class="inline-block">';
print '<div style="width: 100%; text-align: center"><div class="inline-block blocksupport">';
print "\n";
// Forum/wiki support
@ -103,7 +103,7 @@ print '</tr>';
print '</table>'."\n";
print "\n";
print '</div><div class="inline-block">';
print '</div><div class="inline-block blocksupport">';
// EMail support
print '<table class="login tablesupport" width="100%">';
@ -135,7 +135,7 @@ print '</tr>';
print '</table>'."\n";
print '</div><div class="inline-block">';
print '</div><div class="inline-block blocksupport">';
// Other support