github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-26 19:23:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
04ba5baec0
discourse/app/assets/stylesheets/common/admin/admin_config_area.scss

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

112 lines
1.8 KiB
SCSS
Raw Normal View History

FEATURE: created edit and delete flags (#27484) Allow admins to create edit and delete flags.
2024-07-03 06:45:37 +08:00
.admin-config-area {
.btn-back {
margin-bottom: 1em;
}
}
DEV: Initial UI for admin config area for /about (#27340) This commit introduces the initial UI for the admin config area for the /about page. The UI isn't wired and doesn't do anything yet, but we're going to iterate on it in future commits. Internal topic: t/128544.
2024-06-06 21:07:08 +08:00
.admin-config-area-card {
padding: 20px;
border: 1px solid var(--primary-low);
border-radius: 2px;
background-color: var(--secondary);
margin-bottom: 1em;
DEV: Remove admin-revamp and introduce foundations for admin config (#27293) This commit removes the `/admin-revamp` routes which were introduced as a part of an experiment to revamp the admin pages. We still want to improve the admin/staff experience, but we're going to do them within the existing `/admin` routes instead of introducing a completely new route. Our initial efforts to improve the Discourse admin experience is this commit which introduces the foundation for a new subroute `/admin/config` which will house various new pages for configuring Discourse. The first new page (or "config area") will be `/admin/config/about` that will house all the settings and controls for configuring the `/about` page of Discourse. Internal topic: t/128544
2024-06-03 15:18:14 +08:00
DEV: Initial UI for admin config area for /about (#27340) This commit introduces the initial UI for the admin config area for the /about page. The UI isn't wired and doesn't do anything yet, but we're going to iterate on it in future commits. Internal topic: t/128544.
2024-06-06 21:07:08 +08:00
&__label-optional {
color: var(--primary-medium);
font-size: var(--font-down-1);
margin-left: 5px;
DEV: Remove admin-revamp and introduce foundations for admin config (#27293) This commit removes the `/admin-revamp` routes which were introduced as a part of an experiment to revamp the admin pages. We still want to improve the admin/staff experience, but we're going to do them within the existing `/admin` routes instead of introducing a completely new route. Our initial efforts to improve the Discourse admin experience is this commit which introduces the foundation for a new subroute `/admin/config` which will house various new pages for configuring Discourse. The first new page (or "config area") will be `/admin/config/about` that will house all the settings and controls for configuring the `/about` page of Discourse. Internal topic: t/128544
2024-06-03 15:18:14 +08:00
}
DEV: Initial UI for admin config area for /about (#27340) This commit introduces the initial UI for the admin config area for the /about page. The UI isn't wired and doesn't do anything yet, but we're going to iterate on it in future commits. Internal topic: t/128544.
2024-06-06 21:07:08 +08:00
&__additional-help {
color: var(--primary-medium);
font-size: var(--font-down-1);
}
&__warning-banner {
color: var(--primary-high);
background-color: var(--danger-low);
font-size: var(--font-down-1);
padding: 10px 10px;
DEV: Remove admin-revamp and introduce foundations for admin config (#27293) This commit removes the `/admin-revamp` routes which were introduced as a part of an experiment to revamp the admin pages. We still want to improve the admin/staff experience, but we're going to do them within the existing `/admin` routes instead of introducing a completely new route. Our initial efforts to improve the Discourse admin experience is this commit which introduces the foundation for a new subroute `/admin/config` which will house various new pages for configuring Discourse. The first new page (or "config area") will be `/admin/config/about` that will house all the settings and controls for configuring the `/about` page of Discourse. Internal topic: t/128544
2024-06-03 15:18:14 +08:00
}
FEATURE: Initial themes config area with grid (#28828) * UX: More additions * UX: more * DEV: Add admin/config/themes route * UX: Use admin config card * syntax merge fixes * cleanup * cleanup * checkbox * more * error * save on click * more * fix setter * DEV: Implement vanilla checkbox * cleanup * UX: save themes as default * DEV: Add component list to card * DEV: Add placeholder for no screenshots * DEV: Fix default theme reactivity Also add content/optionalAction yields to config area card and put the theme user selectable checkbox there, along with adding styles. * DEV: Change to generic "look and feel" config area * DEV: Auto redirect to themes on base look and feel route * UX: Remove computed from sorted themes * linting * UX: Turn update icon into button that routes to settings * DEV: remove unused function * UX: center icons with title * DEV: Lint * UX: Hook up theme preview button * DEV: Minor fixes --------- Co-authored-by: Martin Brennan <martin@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-10-15 23:54:38 +08:00
FEATURE: created edit and delete flags (#27484) Allow admins to create edit and delete flags.
2024-07-03 06:45:37 +08:00
&__control-group-horizontal {
display: flex;
margin-bottom: 18px;
label {
margin-right: 1em;
}
}
FEATURE: Initial themes config area with grid (#28828) * UX: More additions * UX: more * DEV: Add admin/config/themes route * UX: Use admin config card * syntax merge fixes * cleanup * cleanup * checkbox * more * error * save on click * more * fix setter * DEV: Implement vanilla checkbox * cleanup * UX: save themes as default * DEV: Add component list to card * DEV: Add placeholder for no screenshots * DEV: Fix default theme reactivity Also add content/optionalAction yields to config area card and put the theme user selectable checkbox there, along with adding styles. * DEV: Change to generic "look and feel" config area * DEV: Auto redirect to themes on base look and feel route * UX: Remove computed from sorted themes * linting * UX: Turn update icon into button that routes to settings * DEV: remove unused function * UX: center icons with title * DEV: Lint * UX: Hook up theme preview button * DEV: Minor fixes --------- Co-authored-by: Martin Brennan <martin@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-10-15 23:54:38 +08:00
&__title {
flex: 2;
margin-bottom: 0;
}
&__header-wrapper {
display: flex;
align-items: baseline;
flex: 1;
margin-bottom: 0.5rem;
}
DEV: Remove admin-revamp and introduce foundations for admin config (#27293) This commit removes the `/admin-revamp` routes which were introduced as a part of an experiment to revamp the admin pages. We still want to improve the admin/staff experience, but we're going to do them within the existing `/admin` routes instead of introducing a completely new route. Our initial efforts to improve the Discourse admin experience is this commit which introduces the foundation for a new subroute `/admin/config` which will house various new pages for configuring Discourse. The first new page (or "config area") will be `/admin/config/about` that will house all the settings and controls for configuring the `/about` page of Discourse. Internal topic: t/128544
2024-06-03 15:18:14 +08:00
}
UX: Apply admin interface guidelines to Backups page (#28051) This commit converts the Backups page in the admin interface to follow our new admin interface guidelines. As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader` components that can be reused on any admin page for consistency, that handle the title and action buttons and also breadcrumbs. Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since it can be used generally to show a subset of filtered site settings, not only settings for a plugin. Not sure if it's ideal to have to define a new route for this for every config area, but not sure how else to do it right now.
2024-08-20 07:59:43 +08:00
.admin-config-page {
&__main-area {
.admin-detail {
padding-top: 15px;
border-left: 0;
padding-left: 0;
width: 100%;
}
}
}
.admin-config-area {
UX: Set consistent width for primary content in admin UI config area (#29147) * UX: Adjust the config area primary content width * UX: Tweak spacing on the new feature cards * apply prettier
2024-10-10 09:40:05 +08:00
display: flex;
flex-wrap: nowrap;
gap: var(--space-4);
align-items: flex-start;
@media (max-width: $mobile-breakpoint) {
flex-direction: column;
}
&__primary-content {
flex: 0 1 70%;
@media (max-width: $mobile-breakpoint) {
flex: 0 1 auto;
}
}
&__aside {
/* use for help inset */
flex: 0 1 30%;
padding: var(--space-2);
@media (max-width: $mobile-breakpoint) {
flex: 0 1 auto;
}
}
UX: Apply admin interface guidelines to Backups page (#28051) This commit converts the Backups page in the admin interface to follow our new admin interface guidelines. As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader` components that can be reused on any admin page for consistency, that handle the title and action buttons and also breadcrumbs. Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since it can be used generally to show a subset of filtered site settings, not only settings for a plugin. Not sure if it's ideal to have to define a new route for this for every config area, but not sure how else to do it right now.
2024-08-20 07:59:43 +08:00
&__settings {
.admin-site-settings-filter-controls {
FIX: Background color for settings overriden filter (#30221) This was fixed previously but must have regressed, we are showing a darker grey background around the "Only show overridden" checkbox for our Settings tab in config pages.
2024-12-12 07:27:37 +08:00
background: var(--primary-very-low);
UX: Apply admin interface guidelines to Backups page (#28051) This commit converts the Backups page in the admin interface to follow our new admin interface guidelines. As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader` components that can be reused on any admin page for consistency, that handle the title and action buttons and also breadcrumbs. Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since it can be used generally to show a subset of filtered site settings, not only settings for a plugin. Not sure if it's ideal to have to define a new route for this for every config area, but not sure how else to do it right now.
2024-08-20 07:59:43 +08:00
margin-bottom: 1em;
}
.setting-label {
margin-left: 18px;
}
}
UX: Add AdminConfigAreaEmptyList component (#29816) This component can be used as a placeholder on admin pages where the table has no data as per the admin UI guidelines.
2024-11-19 14:49:57 +08:00
}
.admin-config-area-empty-list {
padding: 1em;
border: 1px solid var(--primary-low);
UX: Apply admin interface guidelines to Backups page (#28051) This commit converts the Backups page in the admin interface to follow our new admin interface guidelines. As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader` components that can be reused on any admin page for consistency, that handle the title and action buttons and also breadcrumbs. Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since it can be used generally to show a subset of filtered site settings, not only settings for a plugin. Not sure if it's ideal to have to define a new route for this for every config area, but not sure how else to do it right now.
2024-08-20 07:59:43 +08:00
UX: Add AdminConfigAreaEmptyList component (#29816) This component can be used as a placeholder on admin pages where the table has no data as per the admin UI guidelines.
2024-11-19 14:49:57 +08:00
&__cta-button {
display: flex;
margin-top: 1em;
UX: Apply admin interface guidelines to Backups page (#28051) This commit converts the Backups page in the admin interface to follow our new admin interface guidelines. As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader` components that can be reused on any admin page for consistency, that handle the title and action buttons and also breadcrumbs. Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since it can be used generally to show a subset of filtered site settings, not only settings for a plugin. Not sure if it's ideal to have to define a new route for this for every config area, but not sure how else to do it right now.
2024-08-20 07:59:43 +08:00
}
}
Reference in New Issue Copy Permalink