discourse/app/assets/stylesheets/common/admin/admin_emojis.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

67 lines
1.2 KiB
SCSS
Raw Normal View History

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