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;