* Update tooltip text

PikachuEXE · Nov 22, 2023 · 94f0463 · 94f0463
1 parent d8b149c
commit 94f0463
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 8 deletions.
diff --git a/src/renderer/components/data-settings/data-settings.vue b/src/renderer/components/data-settings/data-settings.vue
@@ -51,6 +51,7 @@
         :compact="true"
         :default-value="shouldExportPlaylistForOlderVersions"
         :tooltip="$t('Settings.Data Settings.Export Playlists For Older FreeTube Versions.Tooltip')"
+        :tooltip-allow-newlines="true"
         @change="shouldExportPlaylistForOlderVersions = !shouldExportPlaylistForOlderVersions"
       />
     </ft-flex-box>

diff --git a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js
@@ -30,7 +30,11 @@ export default defineComponent({
     tooltipPosition: {
       type: String,
       default: 'bottom-left'
-    }
+    },
+    tooltipAllowNewlines: {
+      type: Boolean,
+      default: false,
+    },
   },
   data: function () {
     return {

diff --git a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue
@@ -29,6 +29,7 @@
         class="selectTooltip"
         :position="tooltipPosition"
         :tooltip="tooltip"
+        :allow-newlines="tooltipAllowNewlines"
       />
     </label>
   </div>

diff --git a/src/renderer/components/ft-tooltip/ft-tooltip.css b/src/renderer/components/ft-tooltip/ft-tooltip.css
@@ -92,6 +92,10 @@
   transform: translate(calc(-50% * var(--horizontal-directionality-coefficient)), 1em);
 }
 
+.text.allowNewlines {
+  white-space: pre;
+}
+
 .tooltip {
   display: inline-block;
   position: relative;

diff --git a/src/renderer/components/ft-tooltip/ft-tooltip.js b/src/renderer/components/ft-tooltip/ft-tooltip.js
@@ -13,7 +13,11 @@ export default defineComponent({
     tooltip: {
       type: String,
       required: true
-    }
+    },
+    allowNewlines: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     const id = `ft-tooltip-${++idCounter}`

diff --git a/src/renderer/components/ft-tooltip/ft-tooltip.vue b/src/renderer/components/ft-tooltip/ft-tooltip.vue
@@ -10,7 +10,10 @@
     <p
       :id="id"
       class="text"
-      :class="position"
+      :class="{
+        [position]: true,
+        allowNewlines,
+      }"
       role="tooltip"
     >
       {{ tooltip }}

diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
@@ -472,11 +472,13 @@ Settings:
     Export Playlists: Export Playlists
     Export Playlists For Older FreeTube Versions:
       Label: Export Playlists For Older FreeTube Versions
-      Tooltip: Older FreeTube versions cannot import playlist exports from newer versions
-        due to old code and assumption on single playlist.
-        Enable this option & export playlists if you intend to downgrade FreeTube.
-        You should also remove all playlists after export & before downgrade
-        to ensure that the older versions of FreeTube would regenerate playlist data compatible for those versions.
+      # |- = Keep newlines, No newline at end
+      Tooltip: |-
+        This option exports videos from all playlists into one playlist named `Favorites`.
+        How to export & import videos in playlists for an older version of FreeTube:
+        1. Export your playlists with this option enabled.
+        2. Delete all of your existing playlists using the Remove All Playlists option under Privacy Settings.
+        3. Launch the older version of FreeTube and import the exported playlists."
     Profile object has insufficient data, skipping item: Profile object has insufficient
       data, skipping item
     All subscriptions and profiles have been successfully imported: All subscriptions