DatseMultimediaSites
/
Sharkey
mirror of https://activitypub.software/TransFem-org/Sharkey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

Closes #290
This commit is contained in:
Marie 2024-01-01 01:52:09 +01:00
parent 42be95125a 499b2b03aa
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; padding: 4px;
overflow: clip; overflow: clip;
color: #fff; 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 { .icon {
@ -59,7 +71,9 @@ const bg = {
} }
.name { .name {
margin-left: 4px; padding: 0.5ex;
margin: -0.5ex;
margin-left: calc(4px - 0.5ex);
line-height: 1; line-height: 1;
font-size: 0.8em; font-size: 0.8em;
font-weight: bold; font-weight: bold;