Skip to content

Commit

Permalink
Make actions spacer with css rather than using a character (#358)
Browse files Browse the repository at this point in the history
  • Loading branch information
bameyrick authored May 9, 2019
1 parent 840db14 commit 1a46ed7
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/summary/_macro.njk
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
{% if rowItem.actions %}
<td class="summary__actions">
{% for action in (rowItem.actions if rowItem.actions is iterable else rowItem.actions.items()) %}
{% if loop.index > 1 %}<span class="summary__spacer">|</span>{% endif %}
{% if loop.index > 1 %}<span class="summary__spacer"></span>{% endif %}
<a
href="{{ action.url }}"
class="summary__button"
Expand Down
8 changes: 8 additions & 0 deletions src/components/summary/_summary.scss
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,15 @@ $hub-row-spacing: 1.3rem;
}

&__spacer {
display: inline-block;

margin: 0 0.25rem;
width: 1px;
height: 1rem;

background: $color-black;

vertical-align: middle;
}

// Item Modifiers
Expand Down

0 comments on commit 1a46ed7

Please sign in to comment.