NEW Better reponsive design

This commit is contained in:
Laurent Destailleur
2017-04-04 12:55:54 +02:00
parent c4d4856997
commit 01d69e4b58
3 changed files with 36 additions and 15 deletions

View File

@@ -5618,11 +5618,11 @@ function printCommonFooter($zone='private')
if (empty($conf->dol_use_jmobile)) if (empty($conf->dol_use_jmobile))
{ {
print '<!-- Set handler to switch left menu page -->'."\n"; print '<!-- Set handler to switch left menu page (menuhider) -->'."\n";
print 'jQuery(".menuhider").click(function() {'; print 'jQuery(".menuhider").click(function() {';
print ' console.log("We click on .menuhider");'."\n"; print ' console.log("We click on .menuhider");'."\n";
print " $('.side-nav').toggle();"; print " $('.side-nav').toggle();";
if ($conf->theme == 'md') print " $('.login_block').toggle();"; print " $('.login_block').toggle();";
print '});'."\n"; print '});'."\n";
} }

View File

@@ -691,7 +691,7 @@ div.fiche>form>div.div-table-responsive {
justify-content: flex-start; justify-content: flex-start;
} }
.thumbstat { .thumbstat {
flex: 1 1 120px; flex: 1 1 114px;
} }
.thumbstat150 { .thumbstat150 {
flex: 1 1 170px; flex: 1 1 170px;
@@ -4538,10 +4538,17 @@ div.tabsElem a.tab {
/* rule to reduce top menu - 3rd reduction */ /* rule to reduce top menu - 3rd reduction */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 3.4, 0) + 8; ?>px) /* reduction 3 */ @media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 3.4, 0) + 8; ?>px) /* reduction 3 */
{ {
/* Reduce login top right info */ .side-nav {
.usertextatoplogin { z-index: 200;
display: none; background: #FFF;
padding-top: 70px;
}
#id-left {
z-index: 201;
background: #FFF;
} }
/* Reduce login top right info */
.help { .help {
<?php if ($disableimages) { ?> <?php if ($disableimages) { ?>
display: none; display: none;
@@ -4551,19 +4558,33 @@ div.tabsElem a.tab {
<?php if (GETPOST("optioncss") == 'print') { ?> <?php if (GETPOST("optioncss") == 'print') { ?>
display:none; display:none;
<?php } else { ?> <?php } else { ?>
padding-<?php echo $right; ?>: 78px; padding-<?php echo $right; ?>: 0;
<?php } ?> <?php } ?>
} }
div.login_block_user { div.login_block_user {
min-width: 0; min-width: 0;
width: 100%;
} }
div.login_block { div.login_block {
top: 2px; display: none;
<?php if ($disableimages) { ?> top: inherit !important;
max-width: 100px; left: 0 !important;
<?php } else { ?> text-align: center;
max-width: 82px; vertical-align: middle;
<?php } ?> background: #FFF;
height: 42px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
z-index: 202;
min-width: 190px;
max-width: 190px;
width: 190px;
}
div.login_block_user, div.login_block_other { clear: both; }
.atoplogin, .atoplogin:hover
{
color: #000 !important;
} }
.login_block_elem { .login_block_elem {
padding: 0 !important; padding: 0 !important;

View File

@@ -692,7 +692,7 @@ div.fiche>form>div.div-table-responsive {
justify-content: flex-start; justify-content: flex-start;
} }
.thumbstat { .thumbstat {
flex: 1 1 120px; flex: 1 1 114px;
} }
.thumbstat150 { .thumbstat150 {
flex: 1 1 150px; flex: 1 1 150px;
@@ -1681,7 +1681,7 @@ div.login_block_other { padding-top: 3px; }
height: 16px; height: 16px;
} }
.login_block_elem_name { .login_block_elem_name {
margin-top: 5px; margin-top: 1px;
} }
.atoplogin, .atoplogin:hover { .atoplogin, .atoplogin:hover {
color: #<?php echo $colortextbackvmenu; ?> !important; color: #<?php echo $colortextbackvmenu; ?> !important;