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(-) (limited to 'viewer/src') 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 @@ >
     
@@ -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.
   }
 }
 
-- 
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(-)

(limited to 'viewer/src')

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 @@
 -->