How can I change the Login Required page style?

開発
22

私も同様の状況に直面しました。ボタンと「ログインが必要」というテキストのスタイルや配置を統一したかったのです。必要に応じて、ログインとサインアップのボタンをその div 内に移動させるためのコードを以下に示します。もっと良い方法もあるかもしれませんが、カスタムプライベートログインページ用のテーマコンポーネント から適応したものです。

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