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

.admin-revamp {
  &__config-area {
    padding: 1em;
    margin: 1em 0;
    background-color: var(--primary-very-low);
  }
}

.admin-config-area-sidebar-experiment {
  &__editor {
    margin-top: 1em;

    .ace-wrapper {
      position: relative;
      width: 100%;
      height: calc(100vh);
      min-height: 500px;
      .ace_editor {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }
    }
  }
}

.admin-area .sidebar-wrapper .admin-panel {
  background-color: var(--d-sidebar-admin-background);
  .sidebar-section-header-text {
    font-weight: bold;
  }
}
DEV: Add new experimental admin UI route and sidebar (#23952) This commit adds a new admin UI under the route `/admin-revamp`, which is only accessible if the user is in a group defined by the new `enable_experimental_admin_ui_groups` site setting. It also adds a special `admin` sidebar panel that is shown instead of the `main` forum one when the admin is in this area. ![image](https://github.com/discourse/discourse/assets/920448/fa0f25e1-e178-4d94-aa5f-472fd3efd787) We also add an "Admin Revamp" sidebar link to the community section, which will only appear if the user is in the setting group: ![image](https://github.com/discourse/discourse/assets/920448/ec05ca8b-5a54-442b-ba89-6af35695c104) Within this there are subroutes defined like `/admin-revamp/config/:area`, these areas could contain any UI imaginable, this is just laying down an initial idea of the structure and how the sidebar will work. Sidebar links are currently hardcoded. Some other changes: * Changed the `main` and `chat` panels sidebar panel keys to use exported const values for reuse * Allowed custom sidebar sections to hide their headers with the `hideSectionHeader` option * Add a `groupSettingArray` setting on `this.siteSettings` in JS, which accepts a group site setting name and splits it by `\|` then converts the items in the array to integers, similar to the `_map` magic for ruby group site settings * Adds a `hidden` option for sidebar panels which prevents them from showing in separated mode and prevents the switch button from being shown --------- Co-authored-by: Krzysztof Kotlarek <kotlarek.krzysztof@gmail.com> 2023-10-19 12:23:41 +08:00			`.admin-revamp {`
			`&__config-area {`
			`padding: 1em;`
			`margin: 1em 0;`
			`background-color: var(--primary-very-low);`
			`}`
			`}`
DEV: Automatically generate all admin links for app for new sidebar (#24175) NOTE: Most of this is experimental and will be removed at a later time, which is why things like translations have not been added. The new /admin-revamp UI uses a sidebar for admin nav. This initial step adds a script to generate a map of all the current admin nav into a format the sidebar to read. Then, people can experiment with different changes to this structure. The structure can then be edited from `/admin-revamp/config/sidebar-experiment`, and it is saved to local storage so people can visually experiment with different ways of showing the admin sidebar links. 2023-11-02 08:34:37 +08:00
			`.admin-config-area-sidebar-experiment {`
			`&__editor {`
			`margin-top: 1em;`

			`.ace-wrapper {`
			`position: relative;`
			`width: 100%;`
			`height: calc(100vh);`
			`min-height: 500px;`
			`.ace_editor {`
			`position: absolute;`
			`left: 0;`
			`right: 0;`
			`top: 0;`
			`bottom: 0;`
			`}`
			`}`
			`}`
			`}`
UX: Tweaks on the admin sidebar (#25717) 2024-02-17 05:28:25 +08:00
FIX: bold sidebar header when admin sidebar is disabled (#26993) Recently a bug was introduced when the admin sidebar section was made bold. When the admin sidebar is disabled, we display the original sidebar in the admin panel. In that case, an incorrect CSS rule is executed. ```CSS .admin-area .sidebar-wrapper { background-color: var(--d-sidebar-admin-background); .sidebar-section-header-text { font-weight: bold; } } ``` Bug in this PR: https://github.com/discourse/discourse/pull/26801 To solve it, a custom CSS class with a panel key was added which will allow granular customisations. 2024-05-13 10:36:03 +08:00			`.admin-area .sidebar-wrapper .admin-panel {`
UX: Tweaks on the admin sidebar (#25717) 2024-02-17 05:28:25 +08:00			`background-color: var(--d-sidebar-admin-background);`
UX: admin sidebar headings are bold (#26801) Make admin sidebar headings bold. 2024-04-30 07:31:53 +08:00			`.sidebar-section-header-text {`
			`font-weight: bold;`
			`}`
UX: Tweaks on the admin sidebar (#25717) 2024-02-17 05:28:25 +08:00			`}`