From fd5f97a5b688096ada9d34459bab42c417eec82b Mon Sep 17 00:00:00 2001
From: Zéro~Informatique
Date: Sun, 26 Mar 2023 00:29:32 +0100
Subject: viewer: cannot scroll in text viewer

GitHub: closes #360
---
 viewer/src/views/item_handlers/PlainTextViewer.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/viewer/src/views/item_handlers/PlainTextViewer.vue b/viewer/src/views/item_handlers/PlainTextViewer.vue
index 2ab429a..986e0ae 100644
--- a/viewer/src/views/item_handlers/PlainTextViewer.vue
+++ b/viewer/src/views/item_handlers/PlainTextViewer.vue
@@ -26,6 +26,7 @@
   >
     <pre
       v-if="isFinished"
+      class="scrollbar"
       v-text="data"
     />
     <LdLoading v-else />
@@ -63,7 +64,7 @@ const { isFinished, data } = useFetch(itemResourceUrl).text();
     border: none;
     white-space: pre-wrap;
     resize: horizontal; // Allow the user to adjust the width of the text view for easier column reading.
-    overflow: hidden; // Necessary for the resize handle to be shown in Chromium.
+    overflow-x: hidden !important; // Necessary for the resize handle to be shown in Chromium.
   }
 }
 </style>
-- 
cgit v1.2.3


From 1f92cc4f17debdb6991a7f388f8e313d461744ff Mon Sep 17 00:00:00 2001
From: Zéro~Informatique
Date: Sun, 26 Mar 2023 18:14:13 +0200
Subject: viewer: cannot scroll in text viewer

- Horizontal resize is now available everywhere in LdGallery
- Increased slightly the PlainText font size for easier read
---
 viewer/src/views/MainLayout.vue                    |  8 ++++++
 viewer/src/views/item_handlers/PlainTextViewer.vue | 31 ++++++----------------
 2 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index 30bfe97..5cac863 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -128,6 +128,14 @@ function validateSpashScreen() {
     left: var(--layout-left);
     z-index: 3;
     overflow-x: hidden;
+
+    // Forbid overflow when resizing.
+    // Necessary for the resize handle to be selectable on qutebrowser.
+    max-width: calc(100% - var(--layout-left) - $scrollbar-width);
+    margin: 0 auto; // Center
+    resize: horizontal;
+    // ---
+
     &:focus {
       outline: none;
     }
diff --git a/viewer/src/views/item_handlers/PlainTextViewer.vue b/viewer/src/views/item_handlers/PlainTextViewer.vue
index 986e0ae..71b5d15 100644
--- a/viewer/src/views/item_handlers/PlainTextViewer.vue
+++ b/viewer/src/views/item_handlers/PlainTextViewer.vue
@@ -19,18 +19,12 @@
 -->
 
 <template>
-  <!-- Outer div necessary for the resize handle to appear on Firefox. -->
-  <div
+  <pre
+    v-if="isFinished"
     :class="$style.content"
-    class="fill"
-  >
-    <pre
-      v-if="isFinished"
-      class="scrollbar"
-      v-text="data"
-    />
-    <LdLoading v-else />
-  </div>
+    v-text="data"
+  />
+  <LdLoading v-else />
 </template>
 
 <script setup lang="ts">
@@ -52,19 +46,10 @@ const { isFinished, data } = useFetch(itemResourceUrl).text();
 @import "~@/assets/scss/theme";
 
 .content {
-  display: flex;
-  justify-content: center;
+  margin: 1em;
   background: $viewer-text-background;
   color: $viewer-text;
-
-  > pre {
-    width: 100%;
-    max-width: 100%; // Forbid overflow when resizing.
-    margin: 1em; // Necessary for the resize handle to be selectable on qutebrowser.
-    border: none;
-    white-space: pre-wrap;
-    resize: horizontal; // Allow the user to adjust the width of the text view for easier column reading.
-    overflow-x: hidden !important; // Necessary for the resize handle to be shown in Chromium.
-  }
+  white-space: pre-wrap;
+  font-size: 1.5em;
 }
 </style>
-- 
cgit v1.2.3


From 82101ec4a81d0bbb54611fad43c0a75164770ae1 Mon Sep 17 00:00:00 2001
From: Zéro~Informatique
Date: Sun, 26 Mar 2023 18:14:39 +0200
Subject: viewer: fixed drag 'n drop of pictures on firefox

---
 viewer/package.json                              | 2 +-
 viewer/src/views/item_handlers/PictureViewer.vue | 2 ++
 viewer/yarn.lock                                 | 8 ++++----
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/viewer/package.json b/viewer/package.json
index 36c35fb..a0e5953 100644
--- a/viewer/package.json
+++ b/viewer/package.json
@@ -21,7 +21,7 @@
     "pinia": "2.0.23",
     "v-lazy-image": "2.1.1",
     "vue": "3.2.41",
-    "vue-dragscroll": "4.0.4",
+    "vue-dragscroll": "4.0.5",
     "vue-i18n": "9.1.10",
     "vue-router": "4.1.6"
   },
diff --git a/viewer/src/views/item_handlers/PictureViewer.vue b/viewer/src/views/item_handlers/PictureViewer.vue
index 74b978f..d091f19 100644
--- a/viewer/src/views/item_handlers/PictureViewer.vue
+++ b/viewer/src/views/item_handlers/PictureViewer.vue
@@ -18,12 +18,14 @@
 -->
 
 <template>
+  <!-- @dragstart.prevent stops Drag 'n Drop of pictures on FireFox -->
   <div
     ref="containerElement"
     v-dragscroll
     class="scrollbar"
     :class="$style.pictureContainer"
     @dblclick="uiStore.toggleFullscreen()"
+    @dragstart.prevent="false"
   >
     <img
       v-if="!error"
diff --git a/viewer/yarn.lock b/viewer/yarn.lock
index 5715dfe..b45d4a6 100644
--- a/viewer/yarn.lock
+++ b/viewer/yarn.lock
@@ -6821,10 +6821,10 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
-vue-dragscroll@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/vue-dragscroll/-/vue-dragscroll-4.0.4.tgz#761e77f787d78de321f905dfb44cd6fe10a09101"
-  integrity sha512-2VaDPzvVJKR0FxOwIt9ot53tpVG3K6Qcb7LFOHQ869WVBXWuVcJTXyBRKyrUACY82O3kIdPvj/Kzsw4ZeBkL0w==
+vue-dragscroll@4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/vue-dragscroll/-/vue-dragscroll-4.0.5.tgz#b07bbbc0300a5dee892bc48b000942a93d258cd8"
+  integrity sha512-1V4/2rUlNTM8vYC6/y2yfjKjOynuCfp1VRpj+IOGCcj8FWl4/3FMs9GBUJShd5mLoD4BvhY1xveezeuD+9i/mw==
   dependencies:
     vue "^3.2.37"
 
-- 
cgit v1.2.3


From ca9cb0d767c6dda5e73290d588d4d21b30adf198 Mon Sep 17 00:00:00 2001
From: Zéro~Informatique
Date: Sun, 26 Mar 2023 19:19:55 +0200
Subject: viewer: removed font-size change

---
 viewer/src/views/item_handlers/PlainTextViewer.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/viewer/src/views/item_handlers/PlainTextViewer.vue b/viewer/src/views/item_handlers/PlainTextViewer.vue
index 71b5d15..96c4d4c 100644
--- a/viewer/src/views/item_handlers/PlainTextViewer.vue
+++ b/viewer/src/views/item_handlers/PlainTextViewer.vue
@@ -50,6 +50,5 @@ const { isFinished, data } = useFetch(itemResourceUrl).text();
   background: $viewer-text-background;
   color: $viewer-text;
   white-space: pre-wrap;
-  font-size: 1.5em;
 }
 </style>
-- 
cgit v1.2.3