mirror of
https://github.com/discourse/discourse.git
synced 2024-12-13 19:35:58 +08:00
35343e7f91
This commit adds a hover effect for drag and drop in the admin emoji uploader. It also changes the "Add New Emoji" button to open the file selector; previously it was useless because it was disabled unless a name was entered (which is not even a requirement for the emoji) and also it didn't actually do anything on click even if it wasn't disabled. Now we have a way of adding files without having to drag and drop them, which is nice. Also in this PR, there was no indication before that the upload was complete apart from the button becoming enabled again. This commit adds the highlight class to the emoji list and removes it once the highlight fade animation is done, like we do for new posts.
21 lines
497 B
SCSS
21 lines
497 B
SCSS
.admin-contents.admin-emojis {
|
|
#custom_emoji .select-kit,
|
|
.emoji-uploader .select-kit {
|
|
max-width: 210px;
|
|
}
|
|
#custom_emoji td.action {
|
|
text-align: right;
|
|
}
|
|
#emoji-uploader {
|
|
padding: 10px;
|
|
transition: box-shadow ease-in-out 0.25s;
|
|
}
|
|
.uppy-is-drag-over {
|
|
box-shadow: 0 0px 52px 0 #ffffff, 0px 7px 33px 0 var(--tertiary-low);
|
|
}
|
|
#custom_emoji.highlighted {
|
|
background: var(--tertiary-very-low);
|
|
animation: background-fade-highlight 2.5s ease-out;
|
|
}
|
|
}
|