treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Improvements to toots display in admin view 

Port SCSS changes from 4072475241
(I'm sorry for the animated rainbows)
lolsob-rspec
Thibaut Girka 2018-05-18 17:09:32 +02:00
parent 58626cc8d7
commit 6452d871ca
2 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/javascript/flavours/glitch/styles/admin.scss
View File

@ -484,19 +484,12 @@
} }
a.name-tag, a.name-tag,
.name-tag { .name-tag,
display: flex; a.inline-name-tag,
align-items: center; .inline-name-tag {
text-decoration: none; text-decoration: none;
color: $secondary-text-color; color: $secondary-text-color;
.avatar {
display: block;
margin: 0;
margin-right: 5px;
border-radius: 50%;
}
.username { .username {
font-weight: 500; font-weight: 500;
} }
@ -514,6 +507,26 @@ a.name-tag,
} }
} }
a.name-tag,
.name-tag {
display: flex;
align-items: center;
.avatar {
display: block;
margin: 0;
margin-right: 5px;
border-radius: 50%;
}
&.suspended {
.avatar {
filter: grayscale(100%);
opacity: 0.8;
}
}
}
.speech-bubble { .speech-bubble {
margin-bottom: 20px; margin-bottom: 20px;
border-left: 4px solid $ui-highlight-color; border-left: 4px solid $ui-highlight-color;

11
app/javascript/flavours/glitch/styles/tables.scss
View File

@ -1,3 +1,9 @@
@keyframes Swag {
0% { background-position: 0% 0%; }
50% { background-position: 100% 0%; }
100% { background-position: 200% 0%; }
}
.table { .table {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@ -187,6 +193,11 @@ a.table-action-link {
strong { strong {
font-weight: 700; font-weight: 700;
background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet,orange , yellow, green, cyan, blue, violet);
background-size: 200% 100%;
background-clip: text;
color: transparent;
animation: Swag 2s linear 0s infinite;
} }
} }
} }