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

Add divider instead of using :before magic

Browse Source
This commit is contained in:
Patrick Smith 2019-02-05 22:52:04 -05:00
parent 79a717795c
commit 811999e786
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
styles/elements/_sidenav.scss
View File

@ -26,6 +26,14 @@
} }
.sidenav__divider--small {
display: block;
width: 4 * $gap;
border: 1px solid #D6D7D9;
margin-left: 2 * $gap;
margin-bottom: $gap;
}
.sidenav__link { .sidenav__link {
display: block; display: block;
padding: $gap ($gap * 2); padding: $gap ($gap * 2);
@ -52,14 +60,6 @@
@include icon-size(14); @include icon-size(14);
} }
&:before {
content: "";
display: block;
width: 4 * $gap;
border: 1px solid #D6D7D9;
margin-left: $gap;
margin-bottom: $gap;
}
} }
&.sidenav__link--active { &.sidenav__link--active {

1
templates/portfolios/base.html
View File

@ -13,6 +13,7 @@
) }} ) }}
{% endfor %} {% endfor %}
</ul> </ul>
<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") }}