fixes adafruit/circuitpython-org#673 - label filter button more clearly

This commit is contained in:
Justin Cooper 2021-04-15 15:35:05 -05:00
parent a6df8f32c2
commit ddf611c4ab
3 changed files with 11 additions and 4 deletions

View file

@ -60,14 +60,15 @@
display: inline-block;
padding: 12px;
font-size: 24px;
color: #fff;
background-color: $purple;
float: left;
border-radius: 5px;
border: none;
cursor: pointer;
i {
color: #fff;
&:hover {
background-color: darken($purple, 15%);
}
}
}
@ -152,6 +153,10 @@
border: none;
border-radius: 5px;
cursor: pointer;
&:hover {
background-color: darken($purple, 15%);
}
}
}
}

View file

@ -16,7 +16,8 @@ permalink: /blinka
</label>
</div>
<div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
aria-hidden="true"></i> Filters</button>
</div>
<div class="downloads-filter-tags">
</div>

View file

@ -13,7 +13,8 @@ permalink: /downloads
</label>
</div>
<div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
aria-hidden="true"></i> Filters</button>
</div>
<div class="downloads-filter-tags">
</div>