diff --git a/app/assets/javascripts/admin/addon/components/themes-grid-card.gjs b/app/assets/javascripts/admin/addon/components/themes-grid-card.gjs index b07e10c0a82..74b66ed41e8 100644 --- a/app/assets/javascripts/admin/addon/components/themes-grid-card.gjs +++ b/app/assets/javascripts/admin/addon/components/themes-grid-card.gjs @@ -41,7 +41,7 @@ export default class ThemeCard extends Component { } get footerActionIcon() { - return this.args.theme.isPendingUpdates ? "sync" : "ellipsis-h"; + return this.args.theme.isPendingUpdates ? "arrows-rotate" : "ellipsis"; } // NOTE: inspired by -> https://github.com/discourse/discourse/blob/24caa36eef826bcdaed88aebfa7df154413fb349/app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js#L366 @@ -179,7 +179,7 @@ export default class ThemeCard extends Component { @preventFocus={{true}} @icon={{if @theme.default - "far-check-square" + "far-square-check" "far-square" }} class="theme-card__button" diff --git a/app/assets/stylesheets/common/components/theme-card.scss b/app/assets/stylesheets/common/components/theme-card.scss index c3c73c8651a..b5adfc940af 100644 --- a/app/assets/stylesheets/common/components/theme-card.scss +++ b/app/assets/stylesheets/common/components/theme-card.scss @@ -47,7 +47,7 @@ } } } - &.--updating .d-icon-sync { + &.--updating .d-icon-arrows-rotate { animation: rotate 3s linear infinite; margin-right: 0.45em; @keyframes rotate {