aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorZero~Informatique2020-01-31 06:55:37 +0100
committerZero~Informatique2020-01-31 06:55:37 +0100
commit914aa63cb65f869be9b1707c160847be16f79a68 (patch)
tree9a180ff39dccaec17c6c111931aee1bbf04eaf0a
parent252dd6fc6f53ecd8b28e05a0514429472d53d08e (diff)
downloadldgallery-914aa63cb65f869be9b1707c160847be16f79a68.tar.gz
viewer: unified CSS classes to kebab case
-rw-r--r--viewer/src/components/LdTagInput.vue4
-rw-r--r--viewer/src/views/GalleryPicture.vue6
-rw-r--r--viewer/src/views/GalleryThumbnail.vue2
-rw-r--r--viewer/src/views/MainLayout.vue6
-rw-r--r--viewer/src/views/TopBreadcrumb.vue4
-rw-r--r--viewer/src/views/TopCommand.vue4
6 files changed, 13 insertions, 13 deletions
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index ff354c6..7bbecec 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -28,7 +28,7 @@
28 field="display" 28 field="display"
29 type="is-black" 29 type="is-black"
30 size="is-medium" 30 size="is-medium"
31 class="panelTagInput" 31 class="paneltag-input"
32 @typing="searchTags" 32 @typing="searchTags"
33 @add="onAdd" 33 @add="onAdd"
34 @remove="onRemove" 34 @remove="onRemove"
@@ -119,7 +119,7 @@ export default class LdTagInput extends Vue {
119</script> 119</script>
120 120
121<style lang="scss"> 121<style lang="scss">
122.panelTagInput .autocomplete .dropdown-content { 122.paneltag-input .autocomplete .dropdown-content {
123 max-height: 300px; 123 max-height: 300px;
124} 124}
125</style> 125</style>
diff --git a/viewer/src/views/GalleryPicture.vue b/viewer/src/views/GalleryPicture.vue
index 323333a..9f26282 100644
--- a/viewer/src/views/GalleryPicture.vue
+++ b/viewer/src/views/GalleryPicture.vue
@@ -21,7 +21,7 @@
21 <div 21 <div
22 v-dragscroll 22 v-dragscroll
23 class="scrollbar" 23 class="scrollbar"
24 :class="{fitToScreen: !$uiStore.fullscreen, originalSize: $uiStore.fullscreen}" 24 :class="{'fit-to-screen': !$uiStore.fullscreen, 'original-size': $uiStore.fullscreen}"
25 @click="onClick" 25 @click="onClick"
26 @dragscrollstart="dragging=true" 26 @dragscrollstart="dragging=true"
27 > 27 >
@@ -50,7 +50,7 @@ export default class GalleryPicture extends Vue {
50</script> 50</script>
51 51
52<style lang="scss"> 52<style lang="scss">
53.fitToScreen { 53.fit-to-screen {
54 display: flex; 54 display: flex;
55 justify-content: space-around; 55 justify-content: space-around;
56 height: 100%; 56 height: 100%;
@@ -59,7 +59,7 @@ export default class GalleryPicture extends Vue {
59 cursor: zoom-in; 59 cursor: zoom-in;
60 } 60 }
61} 61}
62.originalSize { 62.original-size {
63 display: block; 63 display: block;
64 text-align: center; 64 text-align: center;
65 cursor: grab; 65 cursor: grab;
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue
index 41a59e1..2ed0bc2 100644
--- a/viewer/src/views/GalleryThumbnail.vue
+++ b/viewer/src/views/GalleryThumbnail.vue
@@ -18,7 +18,7 @@
18--> 18-->
19 19
20<template> 20<template>
21 <div class="forcedsize" :class="{preload: loading}"> 21 <div class="forcedsize" :class="{'preload': loading}">
22 <v-lazy-image 22 <v-lazy-image
23 v-if="item.thumbnail" 23 v-if="item.thumbnail"
24 class="thumbnail" 24 class="thumbnail"
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index c202def..78d8a8a 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -18,7 +18,7 @@
18--> 18-->
19 19
20<template> 20<template>
21 <div :class="{fullscreen: $uiStore.fullscreen, fullWidth: $uiStore.fullWidth}"> 21 <div :class="{'fullscreen': $uiStore.fullscreen, 'fullwidth': $uiStore.fullWidth}">
22 <panel-top v-if="!isLoading" class="layout layout-top" /> 22 <panel-top v-if="!isLoading" class="layout layout-top" />
23 <panel-left v-if="!isLoading" class="layout layout-left" /> 23 <panel-left v-if="!isLoading" class="layout layout-left" />
24 <router-view v-if="!isLoading" class="layout layout-content scrollbar" /> 24 <router-view v-if="!isLoading" class="layout layout-content scrollbar" />
@@ -99,9 +99,9 @@ html {
99} 99}
100.fullscreen { 100.fullscreen {
101 --layout-top: 0px; 101 --layout-top: 0px;
102 @extend .fullWidth; 102 @extend .fullwidth;
103} 103}
104.fullWidth { 104.fullwidth {
105 --layout-left: 0px; 105 --layout-left: 0px;
106 .layout { 106 .layout {
107 &.layout-left { 107 &.layout-left {
diff --git a/viewer/src/views/TopBreadcrumb.vue b/viewer/src/views/TopBreadcrumb.vue
index 1a14123..eb7fdd1 100644
--- a/viewer/src/views/TopBreadcrumb.vue
+++ b/viewer/src/views/TopBreadcrumb.vue
@@ -18,7 +18,7 @@
18--> 18-->
19 19
20<template> 20<template>
21 <ul class="pathBreadcrumb"> 21 <ul class="ld-breadcrumb">
22 <li v-for="(item,idx) in $galleryStore.currentItemPath" :key="item.path"> 22 <li v-for="(item,idx) in $galleryStore.currentItemPath" :key="item.path">
23 <router-link :to="item.path"> 23 <router-link :to="item.path">
24 <fa-icon :icon="getIcon(item)" size="lg" /> 24 <fa-icon :icon="getIcon(item)" size="lg" />
@@ -47,7 +47,7 @@ export default class TopBreadcrumb extends Vue {
47</script> 47</script>
48 48
49<style lang="scss"> 49<style lang="scss">
50.pathBreadcrumb { 50.ld-breadcrumb {
51 border-left: 2px solid rgba(white, 0.1); 51 border-left: 2px solid rgba(white, 0.1);
52 padding-left: 15px; 52 padding-left: 15px;
53 display: flex; 53 display: flex;
diff --git a/viewer/src/views/TopCommand.vue b/viewer/src/views/TopCommand.vue
index b5d16e8..dc79fa7 100644
--- a/viewer/src/views/TopCommand.vue
+++ b/viewer/src/views/TopCommand.vue
@@ -22,13 +22,13 @@
22 <div class="link" title="$t('title.tags')" @click="$uiStore.toggleFullWidth()"> 22 <div class="link" title="$t('title.tags')" @click="$uiStore.toggleFullWidth()">
23 <fa-icon :icon="commandTagsIcon()" size="lg" /> 23 <fa-icon :icon="commandTagsIcon()" size="lg" />
24 </div> 24 </div>
25 <router-link to="/" :class="{disabled: isRoot()}" title="$t('title.home')"> 25 <router-link to="/" :class="{'disabled': isRoot()}" title="$t('title.home')">
26 <fa-icon icon="home" size="lg" /> 26 <fa-icon icon="home" size="lg" />
27 </router-link> 27 </router-link>
28 <div class="link" title="$t('title.back')" @click="$router.go(-1)"> 28 <div class="link" title="$t('title.back')" @click="$router.go(-1)">
29 <fa-icon icon="arrow-left" size="lg" /> 29 <fa-icon icon="arrow-left" size="lg" />
30 </div> 30 </div>
31 <router-link :class="{disabled: isRoot()}" title="$t('title.parent')" :to="parent()"> 31 <router-link :class="{'disabled': isRoot()}" title="$t('title.parent')" :to="parent()">
32 <fa-icon icon="folder" size="xs" /> 32 <fa-icon icon="folder" size="xs" />
33 <fa-icon icon="level-up-alt" size="lg" /> 33 <fa-icon icon="level-up-alt" size="lg" />
34 </router-link> 34 </router-link>