discourse/app/assets/stylesheets/common/admin/flags.scss
Martin Brennan 61c1d35f17
FEATURE: Convert chat plugin UI to new show plugin and admin UI guidelines (#28632)
This commit converts the current chat plugin UI into the
new "show plugin" UI already followed by AI and Gamification.

In the process, I also:

* Made a dedicated /new route to create new webhooks
* Converted the webhook form to FormKit
* Made some fixes and improvements to the `AdminPluginConfigPage`, `AdminPageHeader`,
   and `AdminPageSubheader` generic components, so more plugins can
   adopt the UI guidelines too. This includes adding a header outlet so plugins
   can add action buttons to the plugin show page header.
* Fixes the submit button loading state for FormKit (by Joffrey)

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-09-10 15:16:16 +10:00

43 lines
667 B
SCSS

.admin-flag-item {
&__name {
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
}
&__description {
margin-top: 0.5em;
}
.d-toggle-switch__label {
margin-bottom: 0;
}
.d-toggle-switch {
margin-right: 2em;
}
&__delete.btn,
&__delete.btn:hover {
border-top: 1px solid var(--primary-low);
color: var(--danger);
svg {
color: var(--danger);
}
}
}
.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%;
}
}