Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

styles: Hoist @keyframes to top level. 

This has always been in the global namespace.  Pretending that it’s
scoped when it isn’t and giving it a short name will lead to
confusion.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2023-02-16 02:14:13 -08:00 committed by Tim Abbott
parent f99cff0735
commit 99f1d08786
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
static/styles/compose.css
View File

@ -450,6 +450,16 @@
flex: 1; flex: 1;
} }
@keyframes message-limit-flash {
0% {
box-shadow: none;
}
100% {
box-shadow: 0 0 0 1pt hsl(0, 76%, 65%);
}
}
textarea.new_message_textarea { textarea.new_message_textarea {
display: table-cell; display: table-cell;
width: calc(100% - 12px); width: calc(100% - 12px);
@ -463,22 +473,12 @@ textarea.new_message_textarea {
color: hsl(0, 0%, 33%); color: hsl(0, 0%, 33%);
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@keyframes flash {
0% {
box-shadow: none;
}
100% {
box-shadow: 0 0 0 1pt hsl(0, 76%, 65%);
}
}
&.over_limit, &.over_limit,
&.over_limit:focus { &.over_limit:focus {
box-shadow: 0 0 0 1pt hsl(0, 76%, 65%); box-shadow: 0 0 0 1pt hsl(0, 76%, 65%);
&.flash { &.flash {
animation: flash 0.5s ease-in-out infinite; animation: message-limit-flash 0.5s ease-in-out infinite;
} }
} }