mirror of
https://github.com/Dolibarr/dolibarr.git
synced 2025-12-06 17:48:25 +01:00
NEW Better reponsive design
This commit is contained in:
@@ -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";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user