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

Fix alignment of filter inputs on member listing page

Browse Source
This commit is contained in:
Patrick Smith 2018-11-13 10:43:34 -05:00
parent 990c24b802
commit d72d018ba2
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/components/_search_bar.scss
View File

@ -27,6 +27,8 @@
flex-basis: 100%; flex-basis: 100%;
.usa-input { .usa-input {
flex-basis: 100%;
@media (min-width:1000px) { @media (min-width:1000px) {
margin-top: 0; margin-top: 0;
} }

40
templates/workspaces/members/index.html
View File

@ -61,26 +61,28 @@
<button type="button"></button> <button type="button"></button>
</div> </div>
<div class='usa-input filter-input'> <div class="search-bar__filters">
<label for='filter-status'>Filter members by status</label> <div class='usa-input'>
<select v-model="status" id="filter-status" name="filter-status"> <label for='filter-status'>Filter members by status</label>
<option value="" selected disabled>Filter by status</option> <select v-model="status" id="filter-status" name="filter-status">
<option value="all">View All</option> <option value="" selected disabled>Filter by status</option>
{% for status in status_choices %} <option value="all">View All</option>
<option value='{{ status.name }}'>{{ status.display_name }}</option> {% for status in status_choices %}
{% endfor %} <option value='{{ status.name }}'>{{ status.display_name }}</option>
</select> {% endfor %}
</div> </select>
</div>
<div class='usa-input filter-input'> <div class='usa-input'>
<label for='filter-role'>Filter members by role</label> <label for='filter-role'>Filter members by role</label>
<select v-model="role" id="filter-role" name="filter-role"> <select v-model="role" id="filter-role" name="filter-role">
<option value="" selected disabled>Filter by role</option> <option value="" selected disabled>Filter by role</option>
<option value="all">View All</option> <option value="all">View All</option>
{% for role in role_choices %} {% for role in role_choices %}
<option value='{{ role.name }}'>{{ role.display_name }}</option> <option value='{{ role.name }}'>{{ role.display_name }}</option>
{% endfor %} {% endfor %}
</select> </select>
</div>
</div> </div>
</form> </form>