So verschieben Sie die neue Topic-Header-Schaltfläche und machen Sie sie für mobile Geräte größer

Billy · 18. Juli 2025 um 23:21

Hallo zusammen! Ich habe nach Antworten gesucht, aber keine gefunden. Ich möchte den neuen Button für die Themenüberschrift (Bild angehängt, ich habe den Text in „Stellen Sie Ihre Frage“ geändert, Button in Grün) links neben dem Kategorie-Link in der Kopfzeile verschieben. Ich möchte, dass er sowohl auf Desktop- als auch auf Mobilgeräten besser sichtbar ist. Außerdem möchte ich ihn auf Mobilgeräten in der Größe ändern, damit der eigentliche grüne Button angezeigt wird.

Ist das möglich? Vielen Dank für jede Hilfe!

NateDhaliwal · 19. Juli 2025 um 00:02

Hallo, du kannst es forken und diesen Outlet ändern:

github.com/discourse/discourse-new-topic-button-theme-component

javascripts/discourse/initializers/initialize-header-new-topic-button.gjs

ab8b7edee


      
          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);
          });

zu etwas wie:

api.renderInOutlet("bread-crumbs-left", CustomHeaderTopicButton);

Ich habe den Button hier über die Seitenleiste gesetzt:

github.com/NateDhaliwal/discourse-new-topic-button-theme-component

javascripts/discourse/initializers/initialize-header-new-topic-button.js

f605192ee


      
          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);
              }
            });
            */
          });

Du kannst den Button wahrscheinlich auch mit etwas CSS ändern (erstelle ein neues Theme und füge das CSS im Tab ‘mobile’ oder in mobile.scss ein, wenn du ein Repository verwendest).

Billy · 19. Juli 2025 um 19:28

Vielen Dank!! Ich schätze Ihre Zeit und Hilfe. Ich werde es versuchen.

Thema		Antworten	Aufrufe
Move create topic to the top Feature	4	1111	5. Januar 2019
Mobile new topic button Support	0	49	6. April 2025
New Topic button hidden text Dev	1	61	7. Mai 2025
How to move the New Topic button? Support	0	560	22. Oktober 2020
Floating "New topic" button Support	24	4349	10. Dezember 2022

So verschieben Sie die neue Topic-Header-Schaltfläche und machen Sie sie für mobile Geräte größer

Verwandte Themen