Come spostare il nuovo pulsante dell'intestazione dell'argomento e ingrandirlo per i dispositivi mobili

Billy · 18 Luglio 2025, 11:21pm

Ciao a tutti! Ho cercato risposte, ma non ne ho trovate. Vorrei spostare il pulsante dell’intestazione del nuovo argomento (immagine allegata, ho cambiato il testo in “Fai la tua domanda”, pulsante in verde) a sinistra del link della categoria nell’intestazione. Voglio che sia più visivamente prominente sia sui dispositivi desktop che mobili. Inoltre, vorrei ridimensionarlo sui dispositivi mobili in modo che venga visualizzato il pulsante verde effettivo.

È possibile? Grazie per qualsiasi indicazione!

NateDhaliwal · 19 Luglio 2025, 12:02am

Ciao, puoi provare a fare un fork e cambiare questo outlet:

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

in qualcosa come:

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

Ad esempio, ho messo il pulsante sopra la barra laterale qui:

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

Probabilmente puoi anche cambiare il pulsante usando un po’ di CSS (crea un nuovo tema e inserisci il CSS nella scheda ‘mobile’ o in mobile.scss se stai usando un repository).

Billy · 19 Luglio 2025, 7:28pm

Grazie mille!! Apprezzo il tuo tempo e il tuo aiuto. Ci proverò.

Argomento		Risposte	Visualizzazioni
Move create topic to the top Feature	4	1111	Gennaio 5, 2019
Mobile new topic button Support	0	49	Aprile 6, 2025
New Topic button hidden text Dev	1	61	Maggio 7, 2025
How to move the New Topic button? Support	0	560	Ottobre 22, 2020
Floating "New topic" button Support	24	4349	Dicembre 10, 2022

Come spostare il nuovo pulsante dell'intestazione dell'argomento e ingrandirlo per i dispositivi mobili

Argomenti correlati