removing inline style, adding color to font awesome icon

This commit is contained in:
Shelby Sturgis 2016-02-09 23:21:44 -08:00
parent 8f9d8b367c
commit 680e0bf95d
2 changed files with 10 additions and 1 deletions

View file

@ -6,6 +6,15 @@ visualize-legend {
flex-direction: row;
}
.legend-title {
display: flex;
flex-direction: row;
i {
color: #BEBEBE;
}
}
.legend-col-wrapper {
.flex-parent(0, 0, auto);
z-index: 10;

View file

@ -1,5 +1,5 @@
<div class="legend-col-wrapper" ng-if="labels.length">
<div style="display: flex; flex-direction: row">
<div class="legend-title">
<span>Legend</span>
<div ng-click="toggleLegend()" class="legend-toggle">
<i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>