Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: some admin theme list style adjustments (#20625)

This commit is contained in:
Kris 2023-03-10 15:15:31 -05:00 committed by GitHub
parent 943068a634
commit 03e3fd742e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/javascripts/admin/addon/components/themes-list.hbs
View File

@ -56,6 +56,7 @@
{{#if this.hasInactiveThemes}} {{#if this.hasInactiveThemes}}
{{#each this.inactiveThemes as |theme|}} {{#each this.inactiveThemes as |theme|}}
<ThemesListItem <ThemesListItem
@classNames="inactive-theme"
@theme={{theme}} @theme={{theme}}
@navigateToTheme={{action "navigateToTheme" theme}} @navigateToTheme={{action "navigateToTheme" theme}}
/> />

22
app/assets/stylesheets/common/admin/customize.scss
View File

@ -191,7 +191,9 @@
&.active { &.active {
background-color: var(--quaternary); background-color: var(--quaternary);
color: var(--secondary); color: var(--secondary);
font-weight: 700; .d-icon {
color: currentColor;
}
} }
} }
} }
@ -219,15 +221,24 @@
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
display: flex; display: flex;
&.inactive-theme {
color: var(--primary-high);
background: var(--primary-very-low);
font-size: var(--font-down-1);
&:not(.selected):hover {
color: var(--primary);
}
}
&.inactive-indicator { &.inactive-indicator {
border-right: 0; border-right: 0;
border-left: 0; border-left: 0;
font-weight: bold; margin-top: 1em;
color: var(--primary-medium); padding-left: 0.33em;
span.empty { span.empty {
padding-left: 5px; padding-left: 0.33em;
padding-top: 15px; padding-top: 1em;
} }
} }
&:not(.inactive-indicator):not(.selected):hover { &:not(.inactive-indicator):not(.selected):hover {
@ -263,7 +274,6 @@
.info { .info {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
font-weight: bold;
font-size: var(--font-up-1); font-size: var(--font-up-1);
.icons { .icons {