Difference between revisions of "Styling hacks"
Jump to navigation
Jump to search
(Created page with " === CSS for form buttons in page footer === .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; }") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
.submitOption, .updateSubmit { | .submitOption, .updateSubmit { | ||
max-width: 22%; | max-width: 22%; | ||
| Line 18: | Line 17: | ||
height: 26px; | 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 | |||
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