FKB Pro - ソーシャルテーマ

アップデートを確認しましたが、カテゴリはまだ左側にあります。

@Don
こんにちは。
「カスタム埋め込み返信(テーマコンポーネント)」を「FKB Pro - Social themed」に適用しました。デスクトップでは悪くないのですが、モバイルでは右側のコメント列のレイアウトが非常に狭く、「Jump to post」アイコンも下部にくっついています。その結果、左側のスペースがかなり広く見えます。スレッドとユーザーアイコンを左側の列部分にできるだけ左寄せし、レイアウトを調整して、コメントがもう少し広く見えるようにする予定はありますか?

@Don FKB ProとDiscourse Custom Wizardの間で、また軽微な競合が発生しました。

「いいね!」 2

@Drew-ARTさん、ありがとうございます。アウトラインのオーバーライドを削除しました。:+1: テーマを更新すれば動作するはずです。

「いいね!」 2

テーマにカスタムCSSを追加したい場合、「設定エディター」がHTML/CSS編集ボタンに取って代わるという考えは正しいでしょうか?

したがって、@DonのCSSが終わるところ

	{
		"setting": "dark_btn_hover",
		"value": "rgba(var(--primary-rgb),.1)"
	}
    ]

以下のように、次のようなもので続ければよいのでしょうか。

    data-category-id='offers' [
	  .discourse-kanban-list {
		 width: 50%;
         }
    ]

(1つのカテゴリのみKanbanボードに2つの列があり、それぞれを50%のスペースにしたいと考えています)

「ストック」FKBパネルで右サイドバーコンポーネントを使用することは可能ですか? 上部セクションがFKBパネルで、その下に右サイドバーコンポーネントの残りの部分があるように。

また、サイドバーが閉じられたときに右側に隙間ができる問題があります。

明らかに、この隙間はサイドバーが表示されているときには必要ですが、隠されているときには必要ありません。

おそらく、修正はこれでしょう。

.fkb-panel-hidden .list-container .full-width {
	gap: 0;
}
「いいね!」 1

アカウント作成モーダルで、サードパーティのログインボタンが正しく配置されていません。モバイルでのみ発生しており(テキストサイズを75%にスケーリングすると元に戻ります)、これはFKB PROのエラーかどうか疑問に思っています。

サインインモーダルでは正しく表示されていますが、アカウント作成モーダルのみが問題となっています。それ以外では、このテーマは本当に素晴らしいです。ありがとうございます!

「いいね!」 1

こんにちは @Drew-ART さん、遅くなってすみません。

設定エディターを使用すると、テーマの設定を変更するのと同じことができます。この場合、色を変更できます。これらの設定は制限されています。ボタンなどの大きな変更を行いたい場合は、新しいコンポーネントを作成してテーマにアクティブ化し、そこにコードを配置する必要があります。

KanbanのCSSにはあまり詳しくありませんが、data-category-id は数値であるべきだと思います。

次のようなものです。

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

そして、これを新しいコンポーネントに配置する必要があります。私がここで示しているようなものです:FKB Pro - Social theme - #88 by Don


こんにちは @Fma965 さん、はい、技術的には可能です。右サイドバーコンポーネントを使用すると、デフォルトのセクションは非表示になりますが、CSSを使えば両方を一緒に使用できると思います。


こんにちは @thisisjoshjones さん、ありがとうございます🙂 はい、新しいコアモーダルの変更に合わせてテーマのCSSを更新する必要があると思います。修正します。

CSSで試してみましたが、私のテストではdivが空だったので、可能ではないようでした。

@Fma965、FKBパネルの下に右サイドバーブロックを表示する新しい設定を追加しました。

Screenshot 2023-12-22 at 14.04.05


また、新しいコアの変更に合わせてモーダルクラスを更新しました。

@thisisjoshjones、Discourseを最新バージョンにアップデートすれば、この問題は修正されると思います。あなたのDiscourseの最後のアップデートは1ヶ月前(11月18日)であり、このモーダルの問題はそれ以降(11月20日)に修正されています。

素晴らしい、ありがとうございます。

他に気づいた点として、「ヘッダーの後」のHTMLが機能しません。

開発者ツール
image

HTMLは追加されず、プロファイラーには表示されますが、実際のウェブページのソースには表示されません。

「ヘッダーの後」ではなく「ヘッダー」に移動すると表示されますが、これはテーマの問題か、それとも他の問題でしょうか?

これで確認しましたが、After Header で動作します。

「いいね!」 1

うーん、私のインスタンスでは他に何か干渉しているのでしょう。大したことではありません。ありがとうございます。

編集:discourse-right-side-blocks テーマコンポーネントが有効になっていると、機能しません。

はい、わかりました。デフォルトのテーマでも再現できます。おそらく、Right Sidebar Blocks テーマコンポーネントの問題でしょう。

「いいね!」 2

おっしゃる通りでした、ありがとうございます!

「いいね!」 1

こんにちは。

問題があります。Discourse の最新バージョン 3.2.0.beta4-dev では、テーマパネルに CSS/HTML を編集するためのリンクがありません。

この問題は私の Discourse のバージョンだけの問題なのか、それともこの最新の Discourse バージョンに新規インストールまたはアップデートした他の誰かも同じ問題を抱えているのか、知りたいです。

こんにちは @pzguillaume さん

リモートテーマは編集できません。これは以前から導入されています。

「いいね!」 4

Ondrejの回答を補完するために、新しいテーマコンポーネントを作成し、それをテーマにアタッチして、ここにすべてのカスタマイズを適用できます。:+1:

「いいね!」 4

@ondrej : ありがとうございます。Discourseは初めてで、知りませんでした…

@Arkshine : こちらもありがとうございます!とても助かりました!:clap: :blush:

「いいね!」 2