Use FA close icon

This commit is contained in:
Travis Ralston 2017-12-20 21:39:06 -07:00
parent 4965b61f2d
commit 26530b1bec
4 changed files with 9 additions and 18 deletions

View File

@ -1 +1 @@
<img src="/img/close.svg" (click)="closeScalar()" alt="close" title="close" /> <i class="fa fa-times-circle-o scalarClose" (click)="closeScalar()"></i>

View File

@ -1,4 +1,10 @@
// component styles are encapsulated and only applied to their components // component styles are encapsulated and only applied to their components
img { .scalarClose {
font-size: 35px;
cursor: pointer; cursor: pointer;
color: #ccc;
}
.scalarClose:hover {
color: #888;
} }

View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>00C6DB7A-67D6-4431-8FB5-07BB1C1AE079</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Scalar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="vector_integrations_popup" transform="translate(-884.000000, -156.000000)">
<g id="icons_close" transform="translate(884.000000, 156.000000)">
<path d="M17.5,35 C27.1649831,35 35,27.1649831 35,17.5 C35,7.83501688 27.1649831,0 17.5,0 C7.83501688,0 0,7.83501688 0,17.5 C0,27.1649831 7.83501688,35 17.5,35 Z" id="Oval-1-Copy-7" fill="#EEECEC"></path>
<polyline id="icon_close" fill="#535353" opacity="0.9" transform="translate(17.468897, 17.470577) rotate(-315.000000) translate(-17.468897, -17.470577) " points="18.2115394 5.97057742 16.674774 5.97057742 16.674774 16.7275762 5.9688975 16.7275762 5.9688975 18.2642903 16.674774 18.2642903 16.674774 28.9705774 18.2115394 28.9705774 18.2115394 18.2642903 28.9688975 18.2642903 28.9688975 16.7275762 18.2115394 16.7275762 18.2115394 5.97057742"></polyline>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -26,7 +26,7 @@
padding-top: 4px; padding-top: 4px;
} }
.header .quickAction .closeButton img { .header .quickAction .closeButton .scalarClose {
position: absolute; position: absolute;
top: 25px; top: 25px;
right: 15px; right: 15px;