Update CSS for printability
When printing, hide the left and bottom navigation bars and fix the breadcrumbs to the top of the page to ensure the layout does not get messed up and no space is wasted on the page.
This commit is contained in:
parent
e6221eae4a
commit
2e141423c7
3 changed files with 28 additions and 8 deletions
|
@ -133,6 +133,7 @@ nav[role="navigation"] h1 {
|
|||
margin-top: 0em
|
||||
}
|
||||
|
||||
@media screen {
|
||||
main {
|
||||
max-width: 1024px;
|
||||
min-width: 320px;
|
||||
|
@ -141,3 +142,10 @@ main {
|
|||
height: auto !important;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
nav[role="navigation"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
|
@ -104,3 +104,9 @@ nav[role="progress"] ul li a:active {
|
|||
nav[role="progress"] ul li a:hover {
|
||||
color: #dd2c0d
|
||||
}
|
||||
|
||||
@media print {
|
||||
nav[role="progress"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
|
@ -6,6 +6,12 @@ div.breadcrumbs {
|
|||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
div.breadcrumbs {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.crumbs {
|
||||
border:1px solid #dedede;
|
||||
height:3em;
|
||||
|
|
Loading…
Reference in a new issue