graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-26 17:03:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

merge: use misskey shadow for the sharkey ticker, prevent clipping (#291)

Browse source 
Closes #290
This commit is contained in:
Marie 2024-01-01 01:52:09 +01:00
commit 9f5b404a70
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/frontend/src/components/SkInstanceTicker.vue
View file

@ -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;