me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Improvements to toots display in admin view

Browse source 
Port SCSS changes from 4072475241
(I'm sorry for the animated rainbows)
This commit is contained in:
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,
.name-tag {
display: flex;
align-items: center;
.name-tag,
a.inline-name-tag,
.inline-name-tag {
text-decoration: none;
color: $secondary-text-color;
.avatar {
display: block;
margin: 0;
margin-right: 5px;
border-radius: 50%;
}
.username {
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 {
margin-bottom: 20px;
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 {
width: 100%;
max-width: 100%;
@ -187,6 +193,11 @@ a.table-action-link {
strong {
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;
}
}
}