aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views
diff options
context:
space:
mode:
authorZero~Informatique2020-04-03 03:42:35 +0200
committerZero~Informatique2020-04-03 03:42:35 +0200
commit577f49ab6e1fd9cd8007804a13dea1471ee2fb1f (patch)
treee9a911b580b839474cc1697fa4b9c83fe20788a3 /viewer/src/views
parent54790c6c73d7c51ff22cf5e9722b141cdc0249df (diff)
downloadldgallery-577f49ab6e1fd9cd8007804a13dea1471ee2fb1f.tar.gz
viewer: tag categories implementation
GitHub: Resolves #29
Diffstat (limited to 'viewer/src/views')
-rw-r--r--viewer/src/views/PanelLeft.vue24
1 files changed, 17 insertions, 7 deletions
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 9e9a600..824d1ae 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -22,12 +22,17 @@
22 <ld-tag-input :search-filters.sync="searchFilters" :tags-index="$galleryStore.tagsIndex" /> 22 <ld-tag-input :search-filters.sync="searchFilters" :tags-index="$galleryStore.tagsIndex" />
23 <ld-command-search @clear="clear" @search="search" /> 23 <ld-command-search @clear="clear" @search="search" />
24 <h1 class="title">{{$t('panelLeft.propositions')}}</h1> 24 <h1 class="title">{{$t('panelLeft.propositions')}}</h1>
25 <ld-proposition 25 <div v-dragscroll class="scrollbar no-scroll-x">
26 :search-filters.sync="searchFilters" 26 <ld-proposition
27 :tags-index="$galleryStore.tagsIndex" 27 v-for="(category) in $galleryStore.tagsCategories"
28 :current-tags="currentTags()" 28 :key="category.tag"
29 class="scrollbar no-scroll-x" 29 :title="category.tag"
30 /> 30 :show-title="$galleryStore.tagsCategories.length > 1"
31 :search-filters.sync="searchFilters"
32 :tags-index="category.index"
33 :current-tags="currentTags()"
34 />
35 </div>
31 </div> 36 </div>
32</template> 37</template>
33 38
@@ -76,9 +81,14 @@ export default class PanelLeft extends Vue {
76</script> 81</script>
77 82
78<style lang="scss"> 83<style lang="scss">
84@import "@/assets/scss/theme.scss";
85
79.sidebar { 86.sidebar {
80 .title { 87 .title {
81 margin: 0.2em 0.5em !important; 88 background-color: $proposed-category-bgcolor;
89 padding: 0.2em 0.5em;
90 margin: 0 0 1px 0;
91 font-variant: small-caps;
82 } 92 }
83} 93}
84</style> 94</style>