Difference between revisions of "Styling hacks"
Jump to navigation
Jump to search
| Line 26: | Line 26: | ||
} | } | ||
@media print { | @media print { | ||
html * { margin: 0px; padding: 0px; } /* page reset */ | html * { margin: 0px; padding: 0px; } /* page reset */ | ||
#Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; } | #Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; } | ||
#Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; } | #Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; } | ||
#Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */ | #Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */ | ||
} | } | ||
Latest revision as of 10:38, 12 May 2023
.tsUpdateButtons {
position: fixed;
bottom: 0px;
width: 92%;
max-width: 1200px;
padding: 0px 0px 2px 0px;
z-index: 26;
background-color: transparent;
opacity: 1;
}
.submitOption, .updateSubmit {
max-width: 22%;
line-height: 1;
height: 26px;
}
CSS for printing labels
The below case will style a certain dashboard widget outputting LI elements
@page {
margin: 0cm; /* page reset */
}
@media print {
html * { margin: 0px; padding: 0px; } /* page reset */
#Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }
#Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }
#Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */
}
The page setup is
- left margin 6mm
- top margin 12mm
The label layout is
- size 63.5mm x 33.9mm
- spacing 2mm