aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views
diff options
context:
space:
mode:
authorZéro~Informatique2023-03-26 18:14:13 +0200
committerZéro~Informatique2023-03-26 18:14:13 +0200
commit1f92cc4f17debdb6991a7f388f8e313d461744ff (patch)
tree5e8695d5d4f82efcee0057b5fbfc233fa160a28d /viewer/src/views
parentfd5f97a5b688096ada9d34459bab42c417eec82b (diff)
downloadldgallery-1f92cc4f17debdb6991a7f388f8e313d461744ff.tar.gz
viewer: cannot scroll in text viewer
- Horizontal resize is now available everywhere in LdGallery - Increased slightly the PlainText font size for easier read
Diffstat (limited to 'viewer/src/views')
-rw-r--r--viewer/src/views/MainLayout.vue8
-rw-r--r--viewer/src/views/item_handlers/PlainTextViewer.vue31
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() {
128 left: var(--layout-left); 128 left: var(--layout-left);
129 z-index: 3; 129 z-index: 3;
130 overflow-x: hidden; 130 overflow-x: hidden;
131
132 // Forbid overflow when resizing.
133 // Necessary for the resize handle to be selectable on qutebrowser.
134 max-width: calc(100% - var(--layout-left) - $scrollbar-width);
135 margin: 0 auto; // Center
136 resize: horizontal;
137 // ---
138
131 &:focus { 139 &:focus {
132 outline: none; 140 outline: none;
133 } 141 }
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 @@
19--> 19-->
20 20
21<template> 21<template>
22 <!-- Outer div necessary for the resize handle to appear on Firefox. --> 22 <pre
23 <div 23 v-if="isFinished"
24 :class="$style.content" 24 :class="$style.content"
25 class="fill" 25 v-text="data"
26 > 26 />
27 <pre 27 <LdLoading v-else />
28 v-if="isFinished"
29 class="scrollbar"
30 v-text="data"
31 />
32 <LdLoading v-else />
33 </div>
34</template> 28</template>
35 29
36<script setup lang="ts"> 30<script setup lang="ts">
@@ -52,19 +46,10 @@ const { isFinished, data } = useFetch(itemResourceUrl).text();
52@import "~@/assets/scss/theme"; 46@import "~@/assets/scss/theme";
53 47
54.content { 48.content {
55 display: flex; 49 margin: 1em;
56 justify-content: center;
57 background: $viewer-text-background; 50 background: $viewer-text-background;
58 color: $viewer-text; 51 color: $viewer-text;
59 52 white-space: pre-wrap;
60 > pre { 53 font-size: 1.5em;
61 width: 100%;
62 max-width: 100%; // Forbid overflow when resizing.
63 margin: 1em; // Necessary for the resize handle to be selectable on qutebrowser.
64 border: none;
65 white-space: pre-wrap;
66 resize: horizontal; // Allow the user to adjust the width of the text view for easier column reading.
67 overflow-x: hidden !important; // Necessary for the resize handle to be shown in Chromium.
68 }
69} 54}
70</style> 55</style>