adds @symbol for email links and styling. new tab for email links

This commit is contained in:
Seyi Adebajo 2017-04-29 10:34:32 -07:00 committed by Mars Lan
parent fbacf6ea9a
commit 0d16f47e32
2 changed files with 23 additions and 5 deletions

View File

@ -18,5 +18,18 @@
background-color: set-color(white, earlydawn);
border-radius: 2px;
font-weight: fw(normal, 4);
// Displays the @ symbol for owner components with with-email modifier
&--with-email {
&::before {
content: "@";
font-size: 14px;
color: set-color(grey, mid);
}
}
}
&__email-owners {
white-space: nowrap;
}
}

View File

@ -2,10 +2,11 @@
Owners:
<ul class="dataset-owner-list__list">
{{#each owners as |owner|}}
<li class="dataset-owner-list__item">
<li class="dataset-owner-list__item {{if owner.email "dataset-owner-list__item--with-email"}}">
{{#if owner.email}}
<a title="Email {{owner.name}} about {{datasetName}}"
href="mailto:{{owner.email}}?subject=RE: Dataset {{datasetName}}">
href="mailto:{{owner.email}}?subject=RE: Dataset {{datasetName}}"
target="_blank">
{{owner.name}}
</a>
{{else}}
@ -15,9 +16,13 @@
{{/each}}
</ul>
{{#if ownersEmailList}}
<span>
<a title="Email all dataset owners" href="mailto: {{ownersEmailList}}">Ask a question?</a>
</span>
<span class="dataset-owner-list__email-owners">
<a title="Email all dataset owners"
href="mailto: {{ownersEmailList}}?subject=RE: Dataset {{datasetName}}"
target="_blank">
Ask a question?
</a>
</span>
{{/if}}
{{else}}
No known owners