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); background-color: set-color(white, earlydawn);
border-radius: 2px; border-radius: 2px;
font-weight: fw(normal, 4); 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: Owners:
<ul class="dataset-owner-list__list"> <ul class="dataset-owner-list__list">
{{#each owners as |owner|}} {{#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}} {{#if owner.email}}
<a title="Email {{owner.name}} about {{datasetName}}" <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}} {{owner.name}}
</a> </a>
{{else}} {{else}}
@ -15,9 +16,13 @@
{{/each}} {{/each}}
</ul> </ul>
{{#if ownersEmailList}} {{#if ownersEmailList}}
<span> <span class="dataset-owner-list__email-owners">
<a title="Email all dataset owners" href="mailto: {{ownersEmailList}}">Ask a question?</a> <a title="Email all dataset owners"
</span> href="mailto: {{ownersEmailList}}?subject=RE: Dataset {{datasetName}}"
target="_blank">
Ask a question?
</a>
</span>
{{/if}} {{/if}}
{{else}} {{else}}
No known owners No known owners