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

CSS enhancement for mobile

Browse Source
This commit is contained in:
Laurent Destailleur 2017-06-02 09:25:35 +02:00
parent 5c58ed8ca7
commit bebf2b33ea
2 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -712,6 +712,7 @@ div.fiche>form>div.div-table-responsive {
align-self: flex-start; align-self: flex-start;
} }
/* ============================================================================== */ /* ============================================================================== */
/* Styles to hide objects */ /* Styles to hide objects */
/* ============================================================================== */ /* ============================================================================== */
@ -2795,6 +2796,9 @@ div.tabBar .noborder {
@media only screen and (max-width: 767px) @media only screen and (max-width: 767px)
{ {
.thumbstat {
flex: 1 1 110px;
}
.thumbstat150 { .thumbstat150 {
flex: 1 1 110px; flex: 1 1 110px;
} }
@ -4594,6 +4598,11 @@ div.tabsElem a.tab {
background: #FFF; background: #FFF;
} }
.login_vertical_align {
padding-left: 20px;
padding-right: 20px;
}
/* Reduce login top right info */ /* Reduce login top right info */
.help { .help {
<?php if ($disableimages) { ?> <?php if ($disableimages) { ?>

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

@ -317,7 +317,7 @@ textarea {
border-left:solid 1px rgba(0,0,0,.1); border-left:solid 1px rgba(0,0,0,.1);
border-right:solid 1px rgba(0,0,0,.1); border-right:solid 1px rgba(0,0,0,.1);
border-bottom:solid 1px rgba(0,0,0,.2); border-bottom:solid 1px rgba(0,0,0,.2);
background-color: #FFF; background-color: #FFF;
padding:4px; padding:4px;
margin-left:1px; margin-left:1px;
@ -867,10 +867,10 @@ div.fiche>form>div.div-table-responsive {
width: 20px; width: 20px;
object-fit: contain; object-fit: contain;
} }
div.statusref { div.statusref {
padding-right: 10px; padding-right: 10px;
} }
} }
.linkobject { cursor: pointer; } .linkobject { cursor: pointer; }
<?php if (GETPOST('optioncss','aZ09') == 'print') { ?> <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
@ -1557,12 +1557,12 @@ foreach($mainmenuusedarray as $val)
display: table; display: table;
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.login_center { .login_center {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.login_vertical_align { .login_vertical_align {
padding: 10px; padding: 10px;
padding-bottom: 80px; padding-bottom: 80px;
@ -1992,14 +1992,14 @@ div.tabBar {
border-top: 1px solid #CCC; border-top: 1px solid #CCC;
width: auto; width: auto;
background: rgb(<?php echo $colorbacktabcard1; ?>); background: rgb(<?php echo $colorbacktabcard1; ?>);
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
} }
div.tabBar div.titre { div.tabBar div.titre {
padding-top: 10px; padding-top: 10px;
} }
div.tabBarWithBottom { div.tabBarWithBottom {
padding-bottom: 18px; padding-bottom: 18px;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
} }
div.tabBar table.tableforservicepart2:last-child { div.tabBar table.tableforservicepart2:last-child {
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
@ -2720,7 +2720,7 @@ tr.liste_titre th, tr.liste_titre td, th.liste_titre, form.liste_titre div, div.
{ {
border-bottom: 1px solid #<?php echo ($colorbacktitle1 == '255,255,255'?'BBBBBB':'FDFFFF'); ?>; border-bottom: 1px solid #<?php echo ($colorbacktitle1 == '255,255,255'?'BBBBBB':'FDFFFF'); ?>;
} }
/* TODO Once title line is moved under title search, make border bottom of all th black and force to whit when it's first tr */ /* TODO Once title line is moved under title search, make border bottom of all th black and force to whit when it's first tr */
tr:first-child th.liste_titre { tr:first-child th.liste_titre {
border-bottom: 1px solid #FFF ! important; border-bottom: 1px solid #FFF ! important;
} }
@ -2826,7 +2826,7 @@ div .tdtop {
/* Prepare to remove class pair - impair */ /* Prepare to remove class pair - impair */
.noborder > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre) { .noborder > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre) {
background: linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%); background: linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%); background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%); background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
@ -2852,7 +2852,7 @@ div .tdtop {
/* /*
* Boxes * Boxes
*/ */
.ficheaddleft div.boxstats { .ficheaddleft div.boxstats {
border: none; border: none;
} }
@ -2866,29 +2866,32 @@ div .tdtop {
text-align: center; text-align: center;
border-radius: 2px; border-radius: 2px;
} }
.boxstats, .boxstats130, .boxstatscontent { .boxstats, .boxstats130, .boxstatscontent {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.boxstats { .boxstats {
padding: 3px; padding: 3px;
width: 105px; width: 105px;
} }
.boxstats130 { .boxstats130 {
width: 135px; width: 135px;
height: 48px; height: 48px;
padding: 3px padding: 3px
} }
@media only screen and (max-width: 767px) @media only screen and (max-width: 767px)
{ {
.thumbstat {
flex: 1 1 110px;
}
.thumbstat150 { .thumbstat150 {
flex: 1 1 110px; flex: 1 1 110px;
} }
.boxstats, .boxstats130 { .boxstats, .boxstats130 {
width: 90px; width: 90px;
} }
.dashboardlineindicator { .dashboardlineindicator {
float: left; float: left;
padding-left: 5px; padding-left: 5px;
} }
@ -2927,7 +2930,7 @@ span.dashboardlineko {
padding: 1px 6px 1px 6px; padding: 1px 6px 1px 6px;
background-color: #8c4446; background-color: #8c4446;
color: #FFFFFF ! important; color: #FFFFFF ! important;
border-radius: .25em; border-radius: .25em;
} }
.boxtable { .boxtable {
margin-bottom: 8px !important; margin-bottom: 8px !important;
@ -4047,7 +4050,7 @@ div.dataTables_length select {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.select2-container-active .select2-choice, .select2-container-active .select2-choices .select2-container-active .select2-choice, .select2-container-active .select2-choices
{ {
outline: none; outline: none;
border-top: none; border-top: none;