From 02f9e5d6f0124e1a2c5bd9d471695ea95039285f Mon Sep 17 00:00:00 2001 From: xianon Date: Thu, 19 May 2022 16:17:00 +0900 Subject: fix: ノートのインスタンス情報の文字に縁を付けて見やすくする (#8697) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * ノートのインスタンス情報の背景色が反映されないことがあるのを修正する * ノートのインスタンス情報の文字に縁を付けて見やすくする * Revert "ノートのインスタンス情報の背景色が反映されないことがあるのを修正する" This reverts commit de920dfc537d1f2c68804d0d6930520f2b3cbce7. * ノートのインスタンス情報の文字の影の数を増やしてさらに見やすくする --- packages/client/src/components/instance-ticker.vue | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'packages/client/src/components') diff --git a/packages/client/src/components/instance-ticker.vue b/packages/client/src/components/instance-ticker.vue index 9b0a18ec90..c32409ecf4 100644 --- a/packages/client/src/components/instance-ticker.vue +++ b/packages/client/src/components/instance-ticker.vue @@ -39,6 +39,19 @@ const bg = { border-radius: 4px 0 0 4px; overflow: hidden; color: #fff; + text-shadow: /* .866 ≈ sin(60deg) */ + 1px 0 1px #000, + .866px .5px 1px #000, + .5px .866px 1px #000, + 0 1px 1px #000, + -.5px .866px 1px #000, + -.866px .5px 1px #000, + -1px 0 1px #000, + -.866px -.5px 1px #000, + -.5px -.866px 1px #000, + 0 -1px 1px #000, + .5px -.866px 1px #000, + .866px -.5px 1px #000; > .icon { height: 100%; -- cgit v1.2.3-freya