From 1b416ad2691c132d2f6f4350bb4f6745bc43d4b7 Mon Sep 17 00:00:00 2001
From: ACTCD <101378590+ACTCD@users.noreply.github.com>
Date: Mon, 28 Oct 2024 02:06:18 +0800
Subject: [PATCH] fix: bypass extension page layout breakage

The issue is caused by an upstream bug, to work around it, don't use the broken `:not` selector.
---
 src/ext/extension-page/App.svelte    | 6 +++---
 src/ext/extension-page/Appios.svelte | 6 ------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/ext/extension-page/App.svelte b/src/ext/extension-page/App.svelte
index 0927abd6..438318de 100644
--- a/src/ext/extension-page/App.svelte
+++ b/src/ext/extension-page/App.svelte
@@ -73,10 +73,10 @@
 		{/if}
 	</div>
 {/if}
-<div>
+<main>
 	<Sidebar />
 	<Editor />
-</div>
+</main>
 <ul>
 	{#each $notifications as item (item.id)}
 		<Notification on:click={() => notifications.remove(item.id)} {item} />
@@ -115,7 +115,7 @@
 		font: var(--text-medium);
 	}
 
-	div:not(.initializer) {
+	main {
 		display: flex;
 		flex: 1 0 0;
 		overflow: hidden;
diff --git a/src/ext/extension-page/Appios.svelte b/src/ext/extension-page/Appios.svelte
index 8aab1a92..e4ced82a 100644
--- a/src/ext/extension-page/Appios.svelte
+++ b/src/ext/extension-page/Appios.svelte
@@ -79,12 +79,6 @@
 		font: var(--text-medium);
 	}
 
-	div:not(.initializer) {
-		display: flex;
-		flex: 1 0 0;
-		overflow: hidden;
-	}
-
 	ul {
 		bottom: 1rem;
 		left: 50%;