From 009b7413576ce36975de08d6c33e38406bb24981 Mon Sep 17 00:00:00 2001 From: hogashi Date: Wed, 2 Aug 2023 20:26:38 +0900 Subject: [PATCH 1/2] use color of grandchild svg, not child --- __tests__/ButtonSetter.test.js | 5 +++++ src/ButtonSetter.ts | 6 +++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/__tests__/ButtonSetter.test.js b/__tests__/ButtonSetter.test.js index b63677e2..2459d143 100644 --- a/__tests__/ButtonSetter.test.js +++ b/__tests__/ButtonSetter.test.js @@ -701,9 +701,14 @@ describe('ButtonSetter', () => { const button = document.createElement('div'); button.setAttribute('role', 'button'); const child = document.createElement('div'); + const svg = document.createElement('svg'); if (color) { child.style.color = color; + // 本来はsvgにはcolorは当たっていなくて, 親のcolorをgetComputedStyleで取得すると自然ととれる + // テストでは再現できなかったのでstyleを当ててしまう + svg.style.color = color; } + child.appendChild(svg); button.appendChild(child); group.appendChild(button); document.body.appendChild(group); diff --git a/src/ButtonSetter.ts b/src/ButtonSetter.ts index 1f0abc20..33defca7 100644 --- a/src/ButtonSetter.ts +++ b/src/ButtonSetter.ts @@ -281,9 +281,9 @@ export class ButtonSetter implements ButtonSetterType { // 初期値: コントラスト比4.5(chromeの推奨する最低ライン)の色 let color = '#697b8c'; // ツイートアクション(返信とか)のボタンのクラス(夜間モードか否かでクラス名が違う) - const actionButton = document.querySelector('div[role="group"] div[role="button"]'); - if (actionButton?.children[0] && (actionButton.children[0] as HTMLElement).style) { - const buttonColor = window.getComputedStyle(actionButton.children[0]).color; + const actionButtonSvg = document.querySelector('div[role="group"] div[role="button"] svg'); + if (actionButtonSvg) { + const buttonColor = window.getComputedStyle(actionButtonSvg).color; if (buttonColor && buttonColor.length > 0) { color = buttonColor; } From f93228c44df999ce46b1bf1391ffadb7a3f1fdbb Mon Sep 17 00:00:00 2001 From: hogashi Date: Wed, 2 Aug 2023 20:27:26 +0900 Subject: [PATCH 2/2] bump version --- dist/manifest.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dist/manifest.json b/dist/manifest.json index 00054c60..c150727f 100644 --- a/dist/manifest.json +++ b/dist/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "twitter画像原寸ボタン", - "version": "5.2.0", + "version": "5.2.1", "description": "twitterの画像ツイートにボタンを追加する拡張機能。追加されたボタンを押すとツイートの画像を原寸で新しいタブに表示する。連絡先: @hogextend", "author": "hogashi", "permissions": ["tabs", "storage"],