fix: print css view

This commit is contained in:
Nick 2019-07-23 21:38:42 -04:00
parent 7f4e392877
commit 18b05314e9
3 changed files with 36 additions and 40 deletions

View File

@ -31,5 +31,3 @@
@import 'pages/error'; @import 'pages/error';
@import 'layout/_rtl'; @import 'layout/_rtl';
@import 'base/print';

View File

@ -1,38 +0,0 @@
@media print {
#header-container,
#alerts,
.sidebar,
.footer {
display: none;
}
#root {
padding-top: 0;
padding-bottom: 0;
}
body, main, .hero {
background: #FFF;
border: none;
}
.mkcontent {
color: mc('grey', '900');
h1, h2, h3 {
background: #FFF;
}
.toc-anchor {
display: none;
}
pre {
background-color: #FFF;
border-left: none;
padding-left: 20px;
> code {
color: mc('grey', '800');
}
}
}
}

View File

@ -633,3 +633,39 @@
} }
} }
// ---------------
// PRINT OVERRIDES
// ---------------
@media print {
.nav-header,
.v-navigation-drawer,
.v-footer,
.v-btn--floating,
.page-col-sd
{
display: none;
}
.page-col-content {
flex-basis: 100% !important;
flex-grow: 1 !important;
max-width: 100% !important;
> .v-toolbar {
border: 1px solid mc('grey', '300') !important;
border-radius: 7px !important;
& + .v-divider {
display: none !important;
}
}
}
.v-content {
padding: 0 !important;
}
}