Merge pull request #7 from hirano00o/fix/scrollbar-and-table-margin

fix: はてなブログでのスクロールバー幅縮小・テーブル末尾余白を修正

Author: hirano00o

dist/git-code-embed-dark.min.js

@@ -1,6 +1,6 @@
 {
   "name": "git-code-embed",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Embed GitHub code snippets with syntax highlighting in blog posts",
   "main": "dist/git-code-embed.min.js",
   "scripts": {

dist/git-code-embed-light.min.js

@@ -192,7 +192,7 @@ ${THEME_COLORS}
 @supports (scrollbar-color: auto) {
   .gce-container .gce-code-wrap {
     scrollbar-color: var(--gce-scrollbar-thumb) var(--gce-code-bg);
-    scrollbar-width: thin;
+    scrollbar-width: auto;
   }
 }
 
@@ -208,6 +208,7 @@ ${THEME_COLORS}
   border-collapse: collapse;
   width: 100%;
   display: table;
+  margin: 0;
 }
 
 .gce-container .gce-table td.gce-lineno {

dist/git-code-embed.min.js

@@ -175,10 +175,16 @@ describe("CSS (テーマ: light)", () => {
     expect(match![1]).toContain("color: var(--gce-code-text)");
   });
 
+  it(".gce-table に margin: 0 を含む", () => {
+    const match = CSS.match(/\.gce-container \.gce-table \{([^}]*)\}/);
+    expect(match).not.toBeNull();
+    expect(match![1]).toContain("margin: 0");
+  });
+
   it("scrollbar-color サポートブラウザ向けの @supports ブロックを含む", () => {
     expect(CSS).toContain("@supports (scrollbar-color: auto)");
     expect(CSS).toContain("scrollbar-color: var(--gce-scrollbar-thumb) var(--gce-code-bg)");
-    expect(CSS).toContain("scrollbar-width: thin");
+    expect(CSS).toContain("scrollbar-width: auto");
   });
 
   it("scrollbar-color 非対応ブラウザ向けの @supports not ブロックに webkit ルールを含む", () => {