diff options
| author | xianon <xianon@hotmail.co.jp> | 2022-05-19 16:17:00 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-05-19 16:17:00 +0900 |
| commit | 02f9e5d6f0124e1a2c5bd9d471695ea95039285f (patch) | |
| tree | 35833c1aa4d7ffb3845d9d5b6f65633ebdb65a96 /packages/client/src/components | |
| parent | chore(client): tweak loading spinner design (diff) | |
| download | sharkey-02f9e5d6f0124e1a2c5bd9d471695ea95039285f.tar.gz sharkey-02f9e5d6f0124e1a2c5bd9d471695ea95039285f.tar.bz2 sharkey-02f9e5d6f0124e1a2c5bd9d471695ea95039285f.zip | |
fix: ノートのインスタンス情報の文字に縁を付けて見やすくする (#8697)
* ノートのインスタンス情報の背景色が反映されないことがあるのを修正する
* ノートのインスタンス情報の文字に縁を付けて見やすくする
* Revert "ノートのインスタンス情報の背景色が反映されないことがあるのを修正する"
This reverts commit de920dfc537d1f2c68804d0d6930520f2b3cbce7.
* ノートのインスタンス情報の文字の影の数を増やしてさらに見やすくする
Diffstat (limited to 'packages/client/src/components')
| -rw-r--r-- | packages/client/src/components/instance-ticker.vue | 13 |
1 files changed, 13 insertions, 0 deletions
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%; |