iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(docs-infra): add no upcoming events message (#40055) 

This commit adds a message that is displayed instead
of the events table if there are no upcoming events.

Fixes #40052

PR Close #40055
This commit is contained in:
Pete Bacon Darwin 2020-12-09 20:54:24 +00:00 committed by Alex Rickabaugh
parent 973f797ad5
commit 0817758b6a
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
aio/src/app/custom-elements/events/events.component.html
View File

@ -1,5 +1,12 @@
<p>Where we'll be presenting:</p> <h2>Where we'll be presenting:</h2>
<table class="is-full-width"> <div *ngIf="!upcomingEvents?.length">
<p>We don't have any upcoming speaking engagements at the moment.</p>
<p>Until something comes up, make sure you check our <a href="https://www.youtube.com/angular">YouTube channel</a>
and follow us on <a href="https://twitter.com/angular">social media</a>.</p>
<p>If you want us to be part of your event reach out on <a href="mailto:devrel@angular.io">devrel@angular.io</a>!</p>
</div>
<table class="is-full-width" *ngIf="upcomingEvents?.length">
<thead> <thead>
<tr> <tr>
<th>Event</th> <th>Event</th>
@ -7,7 +14,7 @@
<th>Date</th> <th>Date</th>
</tr> </tr>
</thead> </thead>
<tbody > <tbody>
<tr *ngFor="let event of upcomingEvents"> <tr *ngFor="let event of upcomingEvents">
<th><a href="{{event.linkUrl}}" title="{{event.tooltip}}">{{event.name}}</a></th> <th><a href="{{event.linkUrl}}" title="{{event.tooltip}}">{{event.name}}</a></th>
<td>{{event.location}}</td> <td>{{event.location}}</td>
@ -20,7 +27,7 @@
</tbody> </tbody>
</table> </table>
<p>Where we already presented:</p> <h2>Where we already presented:</h2>
<table class="is-full-width"> <table class="is-full-width">
<thead> <thead>
<tr> <tr>

4
aio/src/styles/1-layouts/_marketing-layout.scss
View File

@ -273,7 +273,7 @@ aio-shell {
} }
} }
&.page-home, &.page-resources, &.page-events, &.page-contribute { &.page-home, &.page-resources, &.page-contribute {
article { article {
padding: 32px; padding: 32px;
@ -283,7 +283,7 @@ aio-shell {
} }
} }
&.page-features { &.page-features, &.page-events {
article { article {
padding: 0 3rem; padding: 0 3rem;
} }