fix: moved prompt style fix from component to global style

FreeTubeApp · Feb 1, 2025 · 9c79db8 · 9c79db8
1 parent f2b7bc2
commit 9c79db8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/renderer/components/FtPrompt/FtPrompt.vue b/src/renderer/components/FtPrompt/FtPrompt.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script setup>
-import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useId } from '../../composables/use-id-polyfill'
 
 import store from '../../store/index'
@@ -121,16 +121,9 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   document.removeEventListener('keydown', handleEscape, true)
-  document.body.style.overflow = ''
   nextTick(() => lastActiveElement?.focus())
 })
 
-watch(promptCard, (val) => {
-  if (val) {
-    document.body.style.overflow = 'hidden'
-  }
-})
-
 /**
  * @param {number} index
  */

diff --git a/src/renderer/themes.css b/src/renderer/themes.css
@@ -29,7 +29,6 @@ body {
   --logo-tertiary-color: var(--primary-text-color);
 }
 
-
 /*************** RULE TWEAKS ***************/
 
 /* Default sidenav hover text color and primary input color not needed to be changed for most themes */
@@ -2004,3 +2003,9 @@ a:visited {
 ::-webkit-scrollbar-thumb:focus {
   background: var(--scrollbar-color-hover);
 }
+
+/***** REMOVE MAIN SCROLLBAR WHEN PROMPT IS OPEN ******/
+
+body:has(.app):has(.vue-portal-target):has(.prompt) {
+  overflow: hidden;
+}