fix: ノートのインスタンス情報の文字に縁を付けて見やすくする (#8697)
* ノートのインスタンス情報の背景色が反映されないことがあるのを修正する
* ノートのインスタンス情報の文字に縁を付けて見やすくする
* Revert "ノートのインスタンス情報の背景色が反映されないことがあるのを修正する"
This reverts commit de920dfc53
.
* ノートのインスタンス情報の文字の影の数を増やしてさらに見やすくする
This commit is contained in:
parent
4fc2058745
commit
02f9e5d6f0
|
@ -39,6 +39,19 @@ const bg = {
|
||||||
border-radius: 4px 0 0 4px;
|
border-radius: 4px 0 0 4px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: #fff;
|
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 {
|
> .icon {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
Loading…
Reference in New Issue