viewer: improved the picture layout. clicking a picture will switch between resized-to-screen and original-size (+fullscreen). drag-n-drop scrolls/moves the picture, just like a touch device. Resolves #19

1 files changed, 0 insertions, 44 deletions

diff --git a/viewer/src/components/LdButtonFullscreen.vue b/viewer/src/components/LdButtonFullscreen.vue
deleted file mode 100644
index 39d59af..0000000
--- a/viewer/src/components/LdButtonFullscreen.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<!-- ldgallery - A static generator which turns a collection of tagged
---             pictures into a searchable web gallery.
---
--- Copyright (C) 2019-2020  Guillaume FOUET
---
--- This program is free software: you can redistribute it and/or modify
--- it under the terms of the GNU Affero General Public License as
--- published by the Free Software Foundation, either version 3 of the
--- License, or (at your option) any later version.
---
--- This program is distributed in the hope that it will be useful,
--- but WITHOUT ANY WARRANTY; without even the implied warranty of
--- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
--- GNU Affero General Public License for more details.
---
--- You should have received a copy of the GNU Affero General Public License
--- along with this program.  If not, see <https://www.gnu.org/licenses/>.
--->
-
-<template>
-  <fa-icon icon="expand-arrows-alt" class="button-fullscreen" @click="$uiStore.toggleFullscreen()" />
-</template>
-
-<script lang="ts">
-import { Component, Vue } from "vue-property-decorator";
-
-@Component
-export default class LdButtonFullscreen extends Vue {}
-</script>
-
-<style lang="scss">
-.button-fullscreen {
-  position: fixed;
-  top: 0;
-  right: 0;
-  margin: 3px 10px;
-  opacity: 50%;
-  font-size: 1.5em;
-  color: white;
-  mix-blend-mode: difference;
-  cursor: pointer;
-  z-index: 4;
-}
-</style>