tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/admin/components/other/processes-popup.vue
View File

@ -87,7 +87,7 @@
class="icon has-text-tertiary"><i class="mdi mdi-18px mdi-autorenew"/></span> class="icon has-text-tertiary"><i class="mdi mdi-18px mdi-autorenew"/></span>
<p class="footer-title"> <p class="footer-title">
{{ hasAnyProcessExecuting ? {{ 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') $i18n.get('info_no_process')
}} }}
</p> </p>

39
src/admin/pages/lists/items-page.vue
View File

@ -20,7 +20,7 @@
:is-full-page="false" :is-full-page="false"
:active.sync="isLoadingFilters"/> :active.sync="isLoadingFilters"/>
<div class="search-area"> <div class="search-area is-hidden-mobile">
<div class="control has-icons-right is-small is-clearfix"> <div class="control has-icons-right is-small is-clearfix">
<input <input
class="input is-small" class="input is-small"
@ -39,7 +39,7 @@
</div> </div>
<a <a
@click="openAdvancedSearch = !openAdvancedSearch" @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> <h3 class="has-text-weight-semibold">{{ $i18n.get('filters') }}</h3>
<a <a
@ -328,6 +328,28 @@
</b-dropdown> </b-dropdown>
</b-field> </b-field>
</div> </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> </div>
<!-- ADVANCED SEARCH --> <!-- ADVANCED SEARCH -->
@ -936,6 +958,15 @@
display: block; display: block;
transition: visibility ease 0.5s, display ease 0.5s; 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 { h3 {
font-size: 100%; font-size: 100%;
margin-top: 48px; margin-top: 48px;
@ -998,6 +1029,10 @@
.spaced-to-right { .spaced-to-right {
margin-left: $filter-menu-width; margin-left: $filter-menu-width;
@media screen and (max-width: 769px) {
margin-left: 0px !important;
}
} }
.search-control { .search-control {