From 81444240bbb3de18fdace459a61d461ef46dc16a Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 27 Mar 2022 12:01:56 +1100
Subject: Remove redundant full-view div

---
 src/App.vue                 | 23 ++++++++++-------------
 src/components/Settings.vue |  1 -
 2 files changed, 10 insertions(+), 14 deletions(-)

(limited to 'src')

diff --git a/src/App.vue b/src/App.vue
index 553a474..cd6731a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -471,20 +471,17 @@ export default defineComponent({
 		:pos="[0,0]" :dims="parentBarDims" :nodes="sepdParents" :options="componentOptions"
 		@sepd-parent-clicked="onSepdParentClicked" @info-icon-clicked="onInnerInfoIconClicked"/>
 	<!-- Settings -->
-		<!-- outer div prevents overflow from transitioning to/from off-screen -->
-	<div class="fixed left-0 top-0 w-full h-full overflow-hidden invisible">
-		<transition name="slide-bottom-right">
-			<settings v-if="settingsOpen" :layoutOptions="layoutOptions" :componentOptions="componentOptions"
-				@settings-close="onSettingsClose" @layout-option-change="onLayoutOptionChange"/>
-			<!-- outer div prevents transition interference with inner rotate -->
-			<div v-else class="absolute bottom-0 right-0 w-[100px] h-[100px]">
-				<div class="absolute bottom-[-50px] right-[-50px] w-[100px] h-[100px] visible -rotate-45
-					bg-black text-white hover:cursor-pointer" @click="onSettingsIconClick">
-					<svg class="w-6 h-6 mx-auto mt-2"><use href="#svg-settings"/></svg>
-				</div>
+	<transition name="slide-bottom-right">
+		<settings v-if="settingsOpen" :layoutOptions="layoutOptions" :componentOptions="componentOptions"
+			@settings-close="onSettingsClose" @layout-option-change="onLayoutOptionChange"/>
+		<!-- outer div prevents transition interference with inner rotate -->
+		<div v-else class="absolute bottom-0 right-0 w-[100px] h-[100px]">
+			<div class="absolute bottom-[-50px] right-[-50px] w-[100px] h-[100px] visible -rotate-45
+				bg-black text-white hover:cursor-pointer" @click="onSettingsIconClick">
+				<svg class="w-6 h-6 mx-auto mt-2"><use href="#svg-settings"/></svg>
 			</div>
-		</transition>
-	</div>
+		</div>
+	</transition>
 	<!-- Icons -->
 	<svg class="absolute top-[6px] right-[54px] w-[18px] h-[18px] text-white/40 hover:text-white hover:cursor-pointer"
 		@click="onSearchIconClick">
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index 008632e..3bb0c7d 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -9,7 +9,6 @@ export default defineComponent({
 	},
 	methods: {
 		closeClicked(evt: Event){
-			console.log(evt.target)
 			if (evt.target == this.$el || (this.$refs.closeIcon as HTMLElement).contains(evt.target as HTMLElement)){
 				this.$emit('settings-close');
 			}
-- 
cgit v1.2.3