mirror of
https://github.com/discourse/discourse.git
synced 2024-12-24 07:56:33 +08:00
f1edc20a50
This commit: - Adds back the target drop options to enable the feature - Applies the css to every elements and not just the one for admin emojis, also fixes the style as it was flashing and preventing it to work. For now we just change the color of the image icon. - Adds a test to ensure we don't regress.
67 lines
1.2 KiB
SCSS
67 lines
1.2 KiB
SCSS
.admin-contents.admin-emojis {
|
|
.select-kit {
|
|
max-width: 210px;
|
|
}
|
|
#custom_emoji td.action {
|
|
text-align: right;
|
|
}
|
|
#emoji-uploader {
|
|
transition: box-shadow ease-in-out 0.25s;
|
|
}
|
|
#custom_emoji.highlighted {
|
|
background: var(--tertiary-very-low);
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
animation: background-fade-highlight 2.5s ease-out;
|
|
}
|
|
}
|
|
|
|
.emoji-uploader.form-horizontal {
|
|
padding: var(--space-3);
|
|
margin-top: var(--space-2);
|
|
background: var(--primary-very-low);
|
|
display: flex;
|
|
gap: var(--space-3);
|
|
flex-direction: row;
|
|
align-items: end;
|
|
|
|
@include breakpoint("tablet") {
|
|
flex-direction: column;
|
|
align-items: normal;
|
|
}
|
|
|
|
.control-group {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.label {
|
|
font-weight: bold;
|
|
margin-right: var(--space-2);
|
|
color: var(--primary-high);
|
|
}
|
|
}
|
|
}
|
|
|
|
.d-admin-table {
|
|
.d-admin-row__content td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.d-admin-row__overview {
|
|
width: 20%;
|
|
|
|
@include breakpoint("tablet") {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.admin-emojis__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
a {
|
|
font-size: var(--font-up-1);
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|