diff --git a/framework/core/js/src/admin/components/AdminNav.js b/framework/core/js/src/admin/components/AdminNav.js index dd4fb15ca3..98e4fd8784 100644 --- a/framework/core/js/src/admin/components/AdminNav.js +++ b/framework/core/js/src/admin/components/AdminNav.js @@ -156,8 +156,6 @@ export default class AdminNav extends Component { const query = this.query().toUpperCase(); const title = extension.extra['flarum-extension'].title || ''; const description = extension.description || ''; - const isAbandoned = extension.abandoned; - const hasReplacement = typeof isAbandoned === 'string'; if (!query || title.toUpperCase().includes(query) || description.toUpperCase().includes(query)) { items.add( @@ -169,7 +167,6 @@ export default class AdminNav extends Component { title={description} > {title} - {isAbandoned && !} , categories[category] ); diff --git a/framework/core/js/src/admin/components/ExtensionLinkButton.js b/framework/core/js/src/admin/components/ExtensionLinkButton.js index d97d883899..e6882cf153 100644 --- a/framework/core/js/src/admin/components/ExtensionLinkButton.js +++ b/framework/core/js/src/admin/components/ExtensionLinkButton.js @@ -23,6 +23,14 @@ export default class ExtensionLinkButton extends LinkButton { statusItems(name) { const items = new ItemList(); + const extension = app.data.extensions[name]; + const isAbandoned = extension?.abandoned; + + if (isAbandoned) { + const hasReplacement = typeof isAbandoned === 'string'; + items.add('abandoned', !, 10); + } + items.add('enabled', ); return items; diff --git a/framework/core/less/admin/AdminNav.less b/framework/core/less/admin/AdminNav.less index 6fb01e3eb6..03410df2a2 100644 --- a/framework/core/less/admin/AdminNav.less +++ b/framework/core/less/admin/AdminNav.less @@ -216,10 +216,12 @@ .ExtensionNavButton { .Badge { - margin-left: 5px; .Badge--size(16px); font-size: 10px; font-weight: bold; + position: absolute; + right: 33px; + margin: 3px 0; &.Badge--danger { --badge-bg: @error-color;