Add icon--circle class to emulate plus-in-circle icon

This commit is contained in:
Patrick Smith 2019-02-12 18:20:23 -05:00
parent 449d1cf599
commit 982c928faf
5 changed files with 13 additions and 4 deletions

View File

@ -78,4 +78,13 @@
&.icon--gold { &.icon--gold {
@include icon-color($color-gold-dark); @include icon-color($color-gold-dark);
} }
&.icon--circle {
svg {
border-radius: 100%;
border-style: solid;
border-width: 1px;
padding: 2px;
}
}
} }

View File

@ -32,7 +32,7 @@
<div class="sidenav__divider--small"></div> <div class="sidenav__divider--small"></div>
<a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio"> <a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">
<span class="sidenav__link-label">Fund a New Portfolio</span> <span class="sidenav__link-label">Fund a New Portfolio</span>
{{ Icon("plus", classes="sidenav__link-icon") }} {{ Icon("plus", classes="sidenav__link-icon icon--circle") }}
</a> </a>
</div> </div>
</div> </div>

View File

@ -14,7 +14,7 @@
{% if can_create_applications %} {% if can_create_applications %}
<a class='icon-link' href='{{ url_for('portfolios.new_application', portfolio_id=portfolio.id) }}'> <a class='icon-link' href='{{ url_for('portfolios.new_application', portfolio_id=portfolio.id) }}'>
{{ 'portfolios.applications.add_application_text' | translate }} {{ 'portfolios.applications.add_application_text' | translate }}
{{ Icon("plus", classes="sidenav__link-icon") }} {{ Icon("plus", classes="sidenav__link-icon icon--circle") }}
</a> </a>
{% endif %} {% endif %}
</div> </div>

View File

@ -65,7 +65,7 @@
<td class="add-member-link" colspan=4> <td class="add-member-link" colspan=4>
<a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}"> <a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
Add A New Member Add A New Member
{{ Icon('plus') }} {{ Icon('plus', classes='icon--circle') }}
</a> </a>
</td> </td>
</tr> </tr>

View File

@ -98,7 +98,7 @@
<td class="add-member-link" colspan=4> <td class="add-member-link" colspan=4>
<a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}"> <a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
Add A New Member Add A New Member
{{ Icon('plus') }} {{ Icon('plus', classes='icon--circle') }}
</a> </a>
</td> </td>
</tr> </tr>