diff options
| author | Marie <marie@kaifa.ch> | 2024-01-01 01:52:09 +0100 |
|---|---|---|
| committer | Marie <marie@kaifa.ch> | 2024-01-01 01:52:09 +0100 |
| commit | 9f5b404a702332b89ad36c19a239068cc950a3aa (patch) | |
| tree | 78d1f922750d870cbed02a7202d3372b36c10a8c /packages | |
| parent | chore: update dev version (diff) | |
| parent | upd: use misskey shadow for the sharkey ticker, prevent clipping (diff) | |
| download | sharkey-9f5b404a702332b89ad36c19a239068cc950a3aa.tar.gz sharkey-9f5b404a702332b89ad36c19a239068cc950a3aa.tar.bz2 sharkey-9f5b404a702332b89ad36c19a239068cc950a3aa.zip | |
merge: use misskey shadow for the sharkey ticker, prevent clipping (#291)
Closes #290
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/components/SkInstanceTicker.vue | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/packages/frontend/src/components/SkInstanceTicker.vue b/packages/frontend/src/components/SkInstanceTicker.vue index d69e5fecec..96bc1ca2c0 100644 --- a/packages/frontend/src/components/SkInstanceTicker.vue +++ b/packages/frontend/src/components/SkInstanceTicker.vue @@ -50,7 +50,19 @@ const bg = { padding: 4px; overflow: clip; color: #fff; - text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; + 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 { @@ -59,7 +71,9 @@ const bg = { } .name { - margin-left: 4px; + padding: 0.5ex; + margin: -0.5ex; + margin-left: calc(4px - 0.5ex); line-height: 1; font-size: 0.8em; font-weight: bold; |