feat(docs-infra): add prominent archive mode banner styling (#31245)
Fixes #25968 PR Close #31245
This commit is contained in:
parent
d33204956f
commit
a55c6df07b
@ -4,9 +4,9 @@ import { VersionInfo } from 'app/navigation/navigation.service';
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'aio-mode-banner',
|
selector: 'aio-mode-banner',
|
||||||
template: `
|
template: `
|
||||||
<div *ngIf="mode == 'archive'" class="mode-banner">
|
<div *ngIf="mode == 'archive'" class="mode-banner alert archive-warning">
|
||||||
This is the <strong>archived documentation for Angular v{{version?.major}}.</strong>
|
<p>This is the <strong>archived documentation for Angular v{{version?.major}}.</strong>
|
||||||
Please visit <a href="https://angular.io/">angular.io</a> to see documentation for the current version of Angular.
|
Please visit <a href="https://angular.io/">angular.io</a> to see documentation for the current version of Angular.</p>
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
|
@ -38,6 +38,26 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.archive-warning {
|
||||||
|
background-color: $darkred;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $white;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
margin: 8px 16px;
|
margin: 8px 16px;
|
||||||
}
|
}
|
||||||
|
@ -12,6 +12,7 @@
|
|||||||
@import 'code';
|
@import 'code';
|
||||||
@import 'contribute';
|
@import 'contribute';
|
||||||
@import 'contributor';
|
@import 'contributor';
|
||||||
|
@import 'deploy-theme';
|
||||||
@import 'details';
|
@import 'details';
|
||||||
@import 'edit-page-cta';
|
@import 'edit-page-cta';
|
||||||
@import 'features';
|
@import 'features';
|
||||||
@ -19,14 +20,13 @@
|
|||||||
@import 'heading-anchors';
|
@import 'heading-anchors';
|
||||||
@import 'hr';
|
@import 'hr';
|
||||||
@import 'images';
|
@import 'images';
|
||||||
|
@import 'label';
|
||||||
|
@import 'notification';
|
||||||
@import 'progress-bar';
|
@import 'progress-bar';
|
||||||
@import 'table';
|
|
||||||
@import 'presskit';
|
@import 'presskit';
|
||||||
@import 'resources';
|
@import 'resources';
|
||||||
@import 'scrollbar';
|
@import 'scrollbar';
|
||||||
@import 'search-results';
|
@import 'search-results';
|
||||||
@import 'toc';
|
|
||||||
@import 'select-menu';
|
@import 'select-menu';
|
||||||
@import 'deploy-theme';
|
@import 'table';
|
||||||
@import 'notification';
|
@import 'toc';
|
||||||
@import 'label';
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user