Fix tootip in lower width view

FreeTubeApp · Nov 23, 2023 · fd74dc9 · fd74dc9
1 parent 1a96092
commit fd74dc9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/renderer/components/ft-tooltip/ft-tooltip.css b/src/renderer/components/ft-tooltip/ft-tooltip.css
@@ -93,8 +93,13 @@
 }
 
 .text.allowNewlines {
-  white-space: pre;
+  white-space: pre-wrap;
   text-align: start;
+
+  @media only screen and (min-width: 1000px) {
+    /* Enough space to NOT wrap */
+    white-space: pre;
+  }
 }
 
 .tooltip {

diff --git a/src/renderer/components/ft-tooltip/ft-tooltip.vue b/src/renderer/components/ft-tooltip/ft-tooltip.vue
@@ -16,8 +16,7 @@
       }"
       role="tooltip"
       v-text="tooltip"
-    >
-    </p>
+    />
   </div>
 </template>
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,8 +16,7 @@ @@
           }"
           role="tooltip"
           v-text="tooltip"
-        >
-        </p>
+        />
       </div>
     </template>
@@ Expand Down @@