lainwir3d/dolibarr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix not visible menu title with small screen

Browse Source
This commit is contained in:
Laurent Destailleur 2016-03-12 16:19:01 +01:00
parent e9c1723f8d
commit 2e3b4c3748
2 changed files with 91 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
htdocs/theme/eldy/style.css.php
View File

@ -209,6 +209,8 @@ print '$colortexttitlenotab='.$colortexttitlenotab."\n";
print '$colortexttitle='.$colortexttitle."\n"; print '$colortexttitle='.$colortexttitle."\n";
print '$colortext='.$colortext."\n"; print '$colortext='.$colortext."\n";
print '$colortextlink='.$colortextlink."\n"; print '$colortextlink='.$colortextlink."\n";
print '$colortextbackhmenu='.$colortextbackhmenu."\n";
print '$colortextbackvmenu='.$colortextbackvmenu."\n";
print 'dol_hide_topmenu='.$dol_hide_topmenu."\n"; print 'dol_hide_topmenu='.$dol_hide_topmenu."\n";
print 'dol_hide_leftmenu='.$dol_hide_leftmenu."\n"; print 'dol_hide_leftmenu='.$dol_hide_leftmenu."\n";
print 'dol_optimize_smallscreen='.$dol_optimize_smallscreen."\n"; print 'dol_optimize_smallscreen='.$dol_optimize_smallscreen."\n";
@ -4067,25 +4069,52 @@ img.demothumb {
} }
/* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo $fontsize ?> */ /* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo $fontsize ?> */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 6.7, 0) + 10; ?>px) /* rule to reduce top menu - 1st reduction */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 6.7, 0) + 8; ?>px)
{ {
div.tmenucenter {
max-width: <?php echo round($fontsize * 4); ?>px; /* size of viewport */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #<?php echo $colortextbackhmenu; ?>;
}
.mainmenuaspan { .mainmenuaspan {
display: none; /*display: none;*/
font-size: 10px;
} }
.topmenuimage {
background-size: 26px auto;
margin-top: 0px;
}
li.tmenu, li.tmenusel { li.tmenu, li.tmenusel {
min-width: 32px; min-width: 32px;
} }
div.mainmenu { div.mainmenu {
min-width: auto; min-width: auto;
} }
.topmenuimage {
background-size: 26px auto;
margin-top: 8px;
}
div.tmenuleft { div.tmenuleft {
display: none; display: none;
} }
} }
/* rule to reduce top menu - 2nd reduction */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 4.5, 0) + 8; ?>px)
{
div.tmenucenter {
max-width: <?php echo round($fontsize * 2); ?>px; /* size of viewport */
text-overflow: clip;
}
.mainmenuaspan {
/*display: none;*/
font-size: 10px;
}
.topmenuimage {
background-size: 20px auto;
margin-top: 2px;
}
}
/* rule to reduce top menu - 3rd reduction */
@media only screen and (max-width: 570px) @media only screen and (max-width: 570px)
{ {
/* Reduce login top right info */ /* Reduce login top right info */
@ -4103,13 +4132,20 @@ img.demothumb {
top: 4px; top: 4px;
max-width: 82px; max-width: 82px;
} }
li.tmenu, li.tmenusel {
min-width: 30px;
}
div.tmenucenter {
text-overflow: clip;
}
.topmenuimage {
background-size: 20px auto;
margin-top: 2px !important;
}
div.mainmenu { div.mainmenu {
min-width: 20px; min-width: 20px;
} }
.topmenuimage {
background-size: 20px auto;
}
#tooltip { #tooltip {
position: absolute; position: absolute;

54
htdocs/theme/md/style.css.php
View File

@ -204,6 +204,8 @@ print '$colortexttitlenotab='.$colortexttitlenotab."\n";
print '$colortexttitle='.$colortexttitle."\n"; print '$colortexttitle='.$colortexttitle."\n";
print '$colortext='.$colortext."\n"; print '$colortext='.$colortext."\n";
print '$colortextlink='.$colortextlink."\n"; print '$colortextlink='.$colortextlink."\n";
print '$colortextbackhmenu='.$colortextbackhmenu."\n";
print '$colortextbackvmenu='.$colortextbackvmenu."\n";
print 'dol_hide_topmenu='.$dol_hide_topmenu."\n"; print 'dol_hide_topmenu='.$dol_hide_topmenu."\n";
print 'dol_hide_leftmenu='.$dol_hide_leftmenu."\n"; print 'dol_hide_leftmenu='.$dol_hide_leftmenu."\n";
print 'dol_optimize_smallscreen='.$dol_optimize_smallscreen."\n"; print 'dol_optimize_smallscreen='.$dol_optimize_smallscreen."\n";
@ -3910,25 +3912,53 @@ img.demothumb {
} }
} }
/* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo $fontsize ?> */
/* rule to reduce top menu - 1st reduction */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 7, 0) + 200; ?>px) @media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 7, 0) + 200; ?>px)
{ {
div.tmenucenter {
max-width: <?php echo round($fontsize * 4); ?>px; /* size of viewport */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #<?php echo $colortextbackhmenu; ?>;
}
.mainmenuaspan { .mainmenuaspan {
display: none; /*display: none;*/
font-size: 10px;
} }
.topmenuimage {
background-size: 26px auto;
margin-top: 0px;
}
li.tmenu, li.tmenusel { li.tmenu, li.tmenusel {
min-width: 32px; min-width: 32px;
} }
div.mainmenu { div.mainmenu {
min-width: auto; min-width: auto;
} }
.topmenuimage {
background-size: 26px auto;
margin-top: 8px;
}
div.tmenuleft { div.tmenuleft {
display: none; display: none;
} }
} }
/* rule to reduce top menu - 2nd reduction */
@media only screen and (max-width: <?php echo round($nbtopmenuentries * $fontsize * 4.5, 0) + 200; ?>px)
{
div.tmenucenter {
max-width: <?php echo round($fontsize * 2); ?>px; /* size of viewport */
text-overflow: clip;
}
.mainmenuaspan {
/*display: none;*/
font-size: 10px;
}
.topmenuimage {
background-size: 20px auto;
margin-top: 2px;
}
}
/* rule to reduce top menu - 3rd reduction */
@media only screen and (max-width: 570px) @media only screen and (max-width: 570px)
{ {
/* Reduce login top right info */ /* Reduce login top right info */
@ -3946,12 +3976,20 @@ img.demothumb {
top: 9px; top: 9px;
} }
li.tmenu, li.tmenusel {
min-width: 30px;
}
div.tmenucenter {
text-overflow: clip;
}
.topmenuimage {
background-size: 20px auto;
margin-top: 2px !important;
}
div.mainmenu { div.mainmenu {
min-width: 20px; min-width: 20px;
} }
.topmenuimage {
background-size: 20px auto;
}
#tooltip { #tooltip {
position: absolute; position: absolute;