مرحباً، يمكنك تجربة عمل نسخة منه (forking) وتغيير هذا المخرج (outlet):
import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";
export default apiInitializer("1.15.0", (api) => {
api.renderInOutlet("before-header-panel", CustomHeaderTopicButton);
});
إلى شيء مثل:
api.renderInOutlet("bread-crumbs-left", CustomHeaderTopicButton);
على سبيل المثال، لقد وضعت الزر فوق الشريط الجانبي هنا:
import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";
export default apiInitializer((api) => {
api.renderInOutlet("before-sidebar-sections", CustomHeaderTopicButton);
/*
document.addEventListener("DOMContentLoaded", function() {
const newTopicBtn = document.getElementById("new-topic-button");
const sidebar = document.getElementById("d-sidebar");
if (newTopicBtn && sidebar) {
sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
}
});
*/
});
يمكنك أيضاً على الأرجح تغيير الزر باستخدام بعض CSS (قم بإنشاء سمة جديدة، وضع الـ CSS في علامة التبويب ‘mobile’ أو في mobile.scss إذا كنت تستخدم مستودعاً).
إعجابَين (2)