nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

print: fix minor inconsistencies #225

Browse source
This commit is contained in:
Sören Weber 2022-03-25 14:09:30 +01:00
parent 23c858c99e
commit 198c25f451
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589
2 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/css/print.css
View file

@ -3,6 +3,9 @@
} }
#body { #body {
margin-left: 0; margin-left: 0;
min-width: 100%;
max-width: 100%;
width: 100%;
} }
#body #navigation { #body #navigation {
display: none; display: none;
@ -105,6 +108,9 @@ body,
/* the header is sticky which is not suitable for print; */ /* the header is sticky which is not suitable for print; */
position: inherit; /* IE11 doesn't know "initial" here */ position: inherit; /* IE11 doesn't know "initial" here */
} }
#topbar > div {
background-color: #ffffff; /* IE11 doesn't know "initial" here */
}
#body .tab-nav-button:not(.active) { #body .tab-nav-button:not(.active) {
opacity: .5; opacity: .5;
} }

28
static/css/theme.css
View file

@ -396,12 +396,12 @@ th {
padding: 0 3rem 4rem 3rem; padding: 0 3rem 4rem 3rem;
position: relative; /* PS */ position: relative; /* PS */
} }
@media only all and (max-width: 59.938em) { @media screen and (max-width: 59.938em) {
#body-inner { #body-inner {
padding: 0 2rem 15px 2rem; padding: 0 2rem 15px 2rem;
} }
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
#body-inner { #body-inner {
padding: 0 1rem 5px 1rem; padding: 0 1rem 5px 1rem;
} }
@ -412,26 +412,26 @@ th {
margin-top: -1rem; margin-top: -1rem;
} }
#body .flex-block-wrapper {
margin-left: auto;
margin-right: auto;
}
/* we limit width if we have large screens */ /* we limit width if we have large screens */
@media screen and ( min-width: 1300px ){ /* #sidebar/width + ./max-width */ @media screen and ( min-width: 1300px ){ /* #sidebar/width + ./max-width */
#body .flex-block-wrapper { #body .flex-block-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1000px; max-width: 1000px;
} }
} }
#body-inner.chapter { #body-inner.chapter {
margin-left: auto;
margin-right: auto;
padding: 2rem 9rem; padding: 2rem 9rem;
} }
@media only all and (max-width: 59.938em) { @media screen and (max-width: 59.938em) {
#body-inner.chapter { #body-inner.chapter {
padding: 15px 4rem 15px 4rem; padding: 15px 4rem 15px 4rem;
} }
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
#body-inner.chapter { #body-inner.chapter {
padding: 5px 2rem 5px 2rem; padding: 5px 2rem 5px 2rem;
} }
@ -983,7 +983,7 @@ span.nav i{
white-space: nowrap; white-space: nowrap;
width: calc(100% - 4*3.25rem); width: calc(100% - 4*3.25rem);
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
#body #breadcrumbs { #body #breadcrumbs {
text-overflow: unset; text-overflow: unset;
} }
@ -996,7 +996,7 @@ span.nav i{
left: 1rem; left: 1rem;
top: 1rem; top: 1rem;
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
.mobile-support #sidebar-toggle-span { .mobile-support #sidebar-toggle-span {
display: inline; display: inline;
} }
@ -1009,7 +1009,7 @@ span.nav i{
display: inline; display: inline;
padding: 0 .75rem; padding: 0 .75rem;
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
#body #breadcrumbs .links { #body #breadcrumbs .links {
/* we just hide the breadcrumbs instead of display: none; /* we just hide the breadcrumbs instead of display: none;
this makes sure that the breadcrumbs are still usable for this makes sure that the breadcrumbs are still usable for
@ -1037,7 +1037,7 @@ span.nav i{
text-decoration: none; text-decoration: none;
} }
@media only all and (max-width: 59.938em) { @media screen and (max-width: 59.938em) {
#sidebar { #sidebar {
min-width: 230px; min-width: 230px;
max-width: 230px; max-width: 230px;
@ -1050,7 +1050,7 @@ span.nav i{
width: calc( 100% - 230px); width: calc( 100% - 230px);
} }
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
/* we don't support sidebar flyout in IE */ /* we don't support sidebar flyout in IE */
.mobile-support #sidebar { .mobile-support #sidebar {
left: -230px; left: -230px;
@ -1518,7 +1518,7 @@ h6 a {
display: initial; display: initial;
} }
@media only all and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {
#breadcrumbs .links, #top-github-link-text { #breadcrumbs .links, #top-github-link-text {
display: none; display: none;
} }