Streamline daterange popup buttons

This commit is contained in:
Jérémy GAULIN 2016-05-14 00:18:44 +02:00
parent b10c146445
commit 7170c1460e
2 changed files with 25 additions and 6 deletions

View File

@ -121,7 +121,7 @@
</div> \
</div> \
<div class="filter-buttons"> \
<button class="btn btn-block btn-secondary" data-trigger="clear"> \
<button class="btn btn-block btn-secondary" data-trigger="clear"> \
{{ reset_button_text }} \
</button> \
</div> \
@ -138,7 +138,7 @@
return ' \
<form> \
<input type="hidden" name="scopeName" value="{{ scopeName }}" /> \
<div id="controlFilterPopover" class="control-filter-popover control-filter-date-popover"> \
<div id="controlFilterPopover" class="control-filter-popover control-filter-date-popover --range"> \
<div class="filter-search loading-indicator-container size-input-text"> \
<div class="field-datepicker"> \
<div class="input-with-icon right-align"> \
@ -168,7 +168,7 @@
<button class="btn btn-block btn-primary oc-icon-search" data-trigger="filter"> \
{{ filter_button_text }} \
</button> \
<button class="btn btn-block btn-secondary" data-trigger="clear"> \
<button class="btn btn-block btn-secondary" data-trigger="clear"> \
{{ reset_button_text }} \
</button> \
</div> \

View File

@ -219,10 +219,29 @@
&.control-filter-date-popover {
min-width: 190px;
.filter-buttons .btn {
border-radius: 0;
text-align: center;
.filter-buttons {
margin: 0;
padding: 0;
&:after {
content: "";
display: block;
clear: both;
}
.btn {
float: left;
width: 100%;
margin: 0;
border-radius: 0;
text-align: center;
}
}
&.--range {
.filter-buttons .btn {
width: 50%;
}
}
}
}