Revert "fix(aio): improve printing styles (#19651)"
This reverts commit b54ad053f9.
This commit is contained in:
Matias Niemelä
parent
b54ad053f9
commit
ba9cd5bbc4
|
|
@ -4,7 +4,7 @@
|
|||
<mat-progress-bar mode="indeterminate" color="warn"></mat-progress-bar>
|
||||
</div>
|
||||
|
||||
<mat-toolbar color="primary" class="app-toolbar no-print" [class.transitioning]="isTransitioning">
|
||||
<mat-toolbar color="primary" class="app-toolbar" [class.transitioning]="isTransitioning">
|
||||
<mat-toolbar-row class="notification-container">
|
||||
<aio-notification
|
||||
icon="insert_comment"
|
||||
|
|
@ -29,7 +29,6 @@
|
|||
<aio-search-box class="search-container" #searchBox (onSearch)="doSearch($event)" (onFocus)="doSearch($event)"></aio-search-box>
|
||||
</mat-toolbar-row>
|
||||
</mat-toolbar>
|
||||
|
||||
<aio-search-results #searchResultsView *ngIf="showSearchResults" [searchResults]="searchResults | async" (resultSelected)="hideSearchResults()"></aio-search-results>
|
||||
|
||||
<mat-sidenav-container class="sidenav-container" [class.starting]="isStarting" [class.has-floating-toc]="hasFloatingToc" role="main">
|
||||
|
|
@ -57,11 +56,11 @@
|
|||
|
||||
</mat-sidenav-container>
|
||||
|
||||
<div *ngIf="hasFloatingToc" class="toc-container no-print" [style.max-height.px]="tocMaxHeight" (mousewheel)="restrainScrolling($event)">
|
||||
<div *ngIf="hasFloatingToc" class="toc-container" [style.max-height.px]="tocMaxHeight" (mousewheel)="restrainScrolling($event)">
|
||||
<aio-toc></aio-toc>
|
||||
</div>
|
||||
|
||||
<footer class="no-print">
|
||||
<footer>
|
||||
<aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ const defaultLineNumsCount = 10; // by default, show linenums over this number
|
|||
selector: 'aio-code',
|
||||
template: `
|
||||
<pre class="prettyprint lang-{{language}}">
|
||||
<button *ngIf="!hideCopy" class="material-icons copy-button no-print"
|
||||
<button *ngIf="!hideCopy" class="material-icons copy-button"
|
||||
title="Copy code snippet"
|
||||
[attr.aria-label]="ariaLabel"
|
||||
(click)="doCopy()">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div *ngIf="type !== 'None'" class="toc-inner no-print" [class.collapsed]="isCollapsed">
|
||||
<div *ngIf="type !== 'None'" class="toc-inner" [class.collapsed]="isCollapsed">
|
||||
|
||||
<div *ngIf="type === 'EmbeddedSimple'" class="toc-heading embedded">
|
||||
Contents
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue