Begins improvements in filter list responsiviness and fixes Processes Popup not showing value.

This commit is contained in:
Mateus Machado Luna 2018-07-18 15:13:09 -03:00
parent 9e25a4ba2a
commit 7fdc9c8017
2 changed files with 38 additions and 3 deletions

View File

@ -87,7 +87,7 @@
class="icon has-text-tertiary"><i class="mdi mdi-18px mdi-autorenew"/></span>
<p class="footer-title">
{{ hasAnyProcessExecuting ?
(bgProcesses[0].progress_label ? bgProcesses[0].progress_label + ((bgProcesses[0].progress_value && bgProcesses[0].value >= 0) ? ' - ' + bgProcesses[0].progress_value : '') : $i18n.get('label_no_details_of_process')):
(bgProcesses[0].progress_label ? bgProcesses[0].progress_label + ((bgProcesses[0].progress_value && bgProcesses[0].progress_value >= 0) ? ' - ' + bgProcesses[0].progress_value : '') : $i18n.get('label_no_details_of_process')):
$i18n.get('info_no_process')
}}
</p>

View File

@ -20,7 +20,7 @@
:is-full-page="false"
:active.sync="isLoadingFilters"/>
<div class="search-area">
<div class="search-area is-hidden-mobile">
<div class="control has-icons-right is-small is-clearfix">
<input
class="input is-small"
@ -39,7 +39,7 @@
</div>
<a
@click="openAdvancedSearch = !openAdvancedSearch"
class="is-size-7 is-secondary is-pulled-right">{{ $i18n.get('advanced_search') }}</a>
class="is-size-7 is-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
<h3 class="has-text-weight-semibold">{{ $i18n.get('filters') }}</h3>
<a
@ -328,6 +328,28 @@
</b-dropdown>
</b-field>
</div>
<div class="is-hidden-tablet">
<div class="search-control-item">
<div class="control has-icons-right is-small is-clearfix">
<input
class="input is-small"
:placeholder="$i18n.get('instruction_search')"
type="search"
autocomplete="on"
:value="searchQuery"
@input="futureSearchQuery = $event.target.value"
@keyup.enter="updateSearch()">
<span
@click="updateSearch()"
class="icon is-right">
<i class="mdi mdi-magnify" />
</span>
</div>
</div>
<a
@click="openAdvancedSearch = !openAdvancedSearch"
class="is-size-7 is-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
</div>
</div>
<!-- ADVANCED SEARCH -->
@ -936,6 +958,15 @@
display: block;
transition: visibility ease 0.5s, display ease 0.5s;
@media screen and (max-width: 769px) {
width: 100%;
top: 92px;
h3 {
margin-top: 0 !important;
}
}
h3 {
font-size: 100%;
margin-top: 48px;
@ -998,6 +1029,10 @@
.spaced-to-right {
margin-left: $filter-menu-width;
@media screen and (max-width: 769px) {
margin-left: 0px !important;
}
}
.search-control {