Come posso modificare lo stile della pagina Login Required?

Sviluppatore
22

Anch’io ho incontrato questo problema, poiché volevo rendere coerenti lo stile e l’allineamento dei pulsanti e del testo “Accesso richiesto”. Ecco un codice che, se necessario, dovrebbe riuscire a spostare i pulsanti Login e Registrazione all’interno di quel div. Probabilmente esistono modi migliori per farlo, ma l’ho adattato da questo componente del tema per personalizzare la pagina di accesso privata.

<script type="text/discourse-plugin" version="0.8">
  const { on, observes } = require('ember-addons/ember-computed-decorators');

  api.modifyClass('controller:static', {
    @on('init')
    @observes('model.path')
    setupVideo() {
      const path = this.get("model.path");
      if (path === "login") {
          
          
        Ember.run.scheduleOnce('afterRender', () =>{
            let login_div = $('.login-required')[0];

            let signup_btn_element = $('[aria-label="Sign Up"]')[0];
            let login_btn_element = $('[aria-label="Log In"]')[0];
            login_div.appendChild(signup_btn_element);
            login_div.appendChild(login_btn_element);
            
        }); 
     } 
   } 
});