Fix responsive

This commit is contained in:
Laurent Destailleur 2016-12-13 02:18:14 +01:00
parent 76195f9e45
commit c11888bcde
3 changed files with 55 additions and 10 deletions

View File

@ -1,5 +1,5 @@
/* Copyright (C) 2004 Rodolphe Quiedeville <rodolphe@quiedeville.org> /* Copyright (C) 2004 Rodolphe Quiedeville <rodolphe@quiedeville.org>
* Copyright (C) 2009 Laurent Destailleur <eldy@users.sourceforge.net> * Copyright (C) 2009-2016 Laurent Destailleur <eldy@users.sourceforge.net>
* *
* This program is free software; you can redistribute it and/or modify * This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by * it under the terms of the GNU General Public License as published by
@ -13,9 +13,50 @@
* *
* You should have received a copy of the GNU General Public License * You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/ */
.minwidth100 { min-width: 100px; }
.minwidth200 { min-width: 200px; }
.minwidth300 { min-width: 300px; }
.minwidth400 { min-width: 400px; }
.minwidth500 { min-width: 500px; }
.minwidth50imp { min-width: 50px !important; }
.minwidth100imp { min-width: 100px !important; }
.minwidth200imp { min-width: 200px !important; }
.minwidth300imp { min-width: 300px !important; }
.minwidth400imp { min-width: 400px !important; }
.minwidth500imp { min-width: 500px !important; }
/* Force values for small screen 570 */
@media only screen and (max-width: 570px)
{
input, input[type=text], input[type=password], select, textarea {
min-width: 20px;
min-height: 1.4em;
line-height: 1.4em;
padding: .4em .1em;
border: 1px solid #BBB;
/* max-width: inherit; why this ? */
}
.hideonsmartphone { display: none; }
.noenlargeonsmartphone { width : 50px !important; display: inline !important; }
.maxwidthonsmartphone { max-width: 100px; }
.maxwidth50onsmartphone { max-width: 40px; }
.maxwidth75onsmartphone { max-width: 50px; }
.maxwidth100onsmartphone { max-width: 70px; }
.maxwidth150onsmartphone { max-width: 120px; }
.maxwidth200onsmartphone { max-width: 200px; }
.maxwidth300onsmartphone { max-width: 300px; }
.maxwidth400onsmartphone { max-width: 400px; }
.minwidth50imp { min-width: 50px !important; }
.minwidth100imp { min-width: 50px !important; }
.minwidth200imp { min-width: 50px !important; }
.minwidth300imp { min-width: 50px !important; }
.minwidth400imp { min-width: 50px !important; }
.minwidth500imp { min-width: 50px !important; }
}
body { body {
font-size:13px; font-size:13px;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
@ -94,6 +135,11 @@ input:focus, textarea:focus, button:focus, select:focus {
} }
input[type=text], input[type=password] { input[type=text], input[type=password] {
border: 1px solid #ACBCBB; border: 1px solid #ACBCBB;
padding: 4px;
}
select {
padding: 4px;
background-color: #fff;
} }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
border: 1px solid #ACBCBB; border: 1px solid #ACBCBB;
@ -244,12 +290,11 @@ td.comment {
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
margin: 0 0 0 0; margin: 0 0 0 0;
text-decoration:none; text-decoration:none;
font-size: 11px; font-size: 12px;
border-bottom: 1px solid #CCCCDB; border-bottom: 1px solid #CCCCDB;
} }
table { table {
font-size: 12px; font-size: 13px;
} }
.install .install

View File

@ -127,7 +127,7 @@ if (! empty($force_install_message))
?> ?>
<td class="label" valign="top"> <td class="label" valign="top">
<input type="text" <input type="text"
size="60" class="minwidth300"
value="<?php print $dolibarr_main_document_root ?>" value="<?php print $dolibarr_main_document_root ?>"
name="main_dir" name="main_dir"
<?php if (!empty($force_install_noedit)) { <?php if (!empty($force_install_noedit)) {
@ -158,7 +158,7 @@ if (! empty($force_install_message))
?> ?>
<td class="label" valign="top"> <td class="label" valign="top">
<input type="text" <input type="text"
size="60" class="minwidth300"
value="<?php print $dolibarr_main_data_root ?>" value="<?php print $dolibarr_main_data_root ?>"
name="main_data_dir" name="main_data_dir"
<?php if (!empty($force_install_noedit)) { <?php if (!empty($force_install_noedit)) {
@ -189,7 +189,7 @@ if (! empty($force_install_message))
</td> </td>
<td valign="top" class="label"> <td valign="top" class="label">
<input type="text" <input type="text"
size="60" class="minwidth300"
name="main_url" name="main_url"
value="<?php print $dolibarr_main_url_root; ?> " value="<?php print $dolibarr_main_url_root; ?> "
<?php if (!empty($force_install_noedit)) { <?php if (!empty($force_install_noedit)) {

View File

@ -417,7 +417,7 @@ function pHeader($subtitle,$next,$action='set',$param='',$forcejqueryurl='')
} }
print '</span>'."\n"; print '</span>'."\n";
print '<form name="forminstall" action="'.$next.'.php'.($param?'?'.$param:'').'" method="POST">'."\n"; print '<form name="forminstall" style="width: 100%" action="'.$next.'.php'.($param?'?'.$param:'').'" method="POST">'."\n";
print '<input type="hidden" name="testpost" value="ok">'."\n"; print '<input type="hidden" name="testpost" value="ok">'."\n";
print '<input type="hidden" name="action" value="'.$action.'">'."\n"; print '<input type="hidden" name="action" value="'.$action.'">'."\n";