🐛 Fix scrollbar

giscus · Feb 9, 2022 · 5c44d7d · 5c44d7d
1 parent 5c58706
commit 5c44d7d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/packages/@shared/util.ts b/packages/@shared/util.ts
@@ -91,7 +91,7 @@ export function addDefaultStyles() {
     }
     .giscus-frame {
       border: none;
-      color-scheme: auto;
+      color-scheme: normal;
     }
   `
   document.head.prepend(style)

diff --git a/packages/react/lib/Giscus.tsx b/packages/react/lib/Giscus.tsx
@@ -54,6 +54,7 @@ function GiscusClient(props: GiscusProps) {
       <iframe
         className="giscus-frame"
         title="Comments"
+        scrolling="no"
         src={src}
         ref={iframe}
       />

diff --git a/packages/svelte/lib/Giscus.svelte b/packages/svelte/lib/Giscus.svelte
@@ -71,5 +71,11 @@
 </script>
 
 <div class="giscus">
-  <iframe title="Comments" class="giscus-frame" {src} bind:this={iframe} />
+  <iframe
+    class="giscus-frame"
+    title="Comments"
+    scrolling="no"
+    {src}
+    bind:this={iframe}
+  />
 </div>
diff --git a/packages/vue/lib/Giscus.tsx b/packages/vue/lib/Giscus.tsx
@@ -105,8 +105,9 @@ const Giscus = defineComponent({
     return () => (
       <div className="giscus">
         <iframe
-          title="Comments"
           className="giscus-frame"
+          title="Comments"
+          scrolling="no"
           src={src.value}
           ref={iframe as any}
         />