Get rid of the Content Warning rainbows (#8129)
* Disable the animated rainbow text when the “Reduce motion” setting is set * Get rid of the Content Warning rainbows * Revert to default color for CWs in admin view Since that colorscheme is apparently broken for some colorblind people. * Use HTML5's details and summary for statuses with CWs in admin interface
This commit is contained in:
parent
af912fb308
commit
625b5a567b
2 changed files with 11 additions and 17 deletions
|
@ -1,9 +1,3 @@
|
||||||
@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%;
|
||||||
|
@ -191,14 +185,12 @@ a.table-action-link {
|
||||||
.status__content {
|
.status__content {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
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%;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
color: transparent;
|
|
||||||
animation: Swag 2s linear 0s infinite;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,10 +3,12 @@
|
||||||
= f.check_box :status_ids, { multiple: true, include_hidden: false }, status.id
|
= f.check_box :status_ids, { multiple: true, include_hidden: false }, status.id
|
||||||
.batch-table__row__content
|
.batch-table__row__content
|
||||||
.status__content><
|
.status__content><
|
||||||
- unless status.proper.spoiler_text.blank?
|
- if status.proper.spoiler_text.blank?
|
||||||
%p><
|
= Formatter.instance.format(status.proper, custom_emojify: true)
|
||||||
|
- else
|
||||||
|
%details<
|
||||||
|
%summary><
|
||||||
%strong> Content warning: #{Formatter.instance.format_spoiler(status.proper)}
|
%strong> Content warning: #{Formatter.instance.format_spoiler(status.proper)}
|
||||||
|
|
||||||
= Formatter.instance.format(status.proper, custom_emojify: true)
|
= Formatter.instance.format(status.proper, custom_emojify: true)
|
||||||
|
|
||||||
- unless status.proper.media_attachments.empty?
|
- unless status.proper.media_attachments.empty?
|
||||||
|
|
Loading…
Reference in a new issue