Revert "fix(aio): improve printing styles (#19651)"
This reverts commit b54ad053f9
.
This commit is contained in:
@ -12,4 +12,3 @@
|
||||
@import 'sidenav';
|
||||
@import 'table-of-contents';
|
||||
@import 'top-menu';
|
||||
@import 'print-layout';
|
@ -1,110 +0,0 @@
|
||||
@media print {
|
||||
|
||||
// General Adjustments
|
||||
* {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
height: 40px !important;
|
||||
color: $darkgray !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
|
||||
ul, ol, img, code-example, table, tr, .alert, .l-subsection, .feature {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
table tbody tr:last-child td {
|
||||
border-bottom: 1px solid $lightgray !important;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
p {
|
||||
widows: 4;
|
||||
}
|
||||
|
||||
p > code, li > code, table code {
|
||||
color: $blue !important;
|
||||
}
|
||||
|
||||
// No Print Class
|
||||
.no-print {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
// Custom No Print for Sidenav Menu
|
||||
mat-sidenav.sidenav.mat-sidenav {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
// Custom No Print Element Adjustments
|
||||
.mat-sidenav-content {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
mat-sidenav-container.sidenav-container {
|
||||
min-width: 100vw;
|
||||
}
|
||||
|
||||
.sidenav-content {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.filetree {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
aio-code code {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
code-example {
|
||||
pre.lang-bash code span {
|
||||
color: $mediumgray !important;
|
||||
}
|
||||
|
||||
pre.lang-sh code span {
|
||||
color: $darkgray !important;
|
||||
}
|
||||
|
||||
header {
|
||||
border: 0.5px solid $lightgray;
|
||||
color: $darkgray;
|
||||
}
|
||||
}
|
||||
|
||||
.content code {
|
||||
border: 0.5px solid $lightgray;
|
||||
}
|
||||
|
||||
.mat-tab-labels {
|
||||
div.mat-tab-label {
|
||||
&:not(.mat-tab-label-active) span {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.mat-tab-label-active span {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.api-header label {
|
||||
color: $darkgray !important;
|
||||
font-weight: bold !important;
|
||||
margin: 2px !important;
|
||||
padding: 0 !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.feature-section img {
|
||||
max-width: 70px !important;
|
||||
}
|
||||
}
|
@ -85,6 +85,7 @@ aio-code pre {
|
||||
|
||||
|
||||
.copy-button {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -32px;
|
||||
|
Reference in New Issue
Block a user