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:
ThibG 2018-08-15 19:38:56 +02:00 committed by Eugen Rochko
parent af912fb308
commit 625b5a567b
2 changed files with 11 additions and 17 deletions

View file

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

View file

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