pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
styles/elements/_icons.scss
View File

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

2
templates/navigation/global_sidenav.html
View File

@ -32,7 +32,7 @@
<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">
<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>
</div>
</div>

2
templates/portfolios/applications/index.html
View File

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

2
templates/portfolios/applications/members.html
View File

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

2
templates/portfolios/members/index.html
View File

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