discourse/app/assets/stylesheets/common/admin/flags.scss
Krzysztof Kotlarek c0bcd979e3
FEATURE: custom flag can require additional message (#27706)
Allow admin to create custom flag which requires an additional message.

I decided to rename the old `custom_flag` into `require_message` as it is more descriptive.
2024-07-15 08:48:01 +10:00

86 lines
1.4 KiB
SCSS

.admin-flag-item {
&__name {
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
}
&__description {
margin-top: 0.5em;
}
&__options {
display: flex;
align-items: center;
justify-content: space-between;
}
.d-toggle-switch--label {
margin-bottom: 0;
}
.d-toggle-switch {
margin-right: 2em;
}
.btn-secondary {
padding: 0.25em 0.325em;
margin-right: 0.75em;
}
.flag-menu-trigger {
padding: 0.25em 0.325em;
}
&__delete.btn,
&__delete.btn:hover {
border-top: 1px solid var(--primary-low);
color: var(--danger);
svg {
color: var(--danger);
}
}
}
.admin-flag-form {
&__enabled,
&__applies-to {
margin-bottom: 1em;
}
&__save {
margin-top: 1em;
}
&__info {
color: var(--primary-high);
svg {
color: var(--tertiary);
}
}
&__description {
width: 60%;
}
&__applies-to.select-kit.multi-select {
width: 60%;
}
&__require-message-description {
clear: both;
flex-basis: 100%;
font-size: var(--font-down-2);
margin-top: 0.25em;
}
label {
flex-wrap: wrap;
}
}
.admin-flags__header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.btn-primary {
align-self: center;
}
h3 {
margin-top: 1em;
font-size: var(--font-0);
font-weight: normal;
flex-basis: 100%;
}
}