FKB Pro - ソーシャルテーマ

しかし、CSS/その他で可能でしょうか?:smile:

編集: 以下はすべて無視してください。問題は Discourse Topic List Author コンポーネントでした。
また、このバーに何が起こったのか誰か知りませんか?昨夜ページを更新したところ、ランダムにこのようになり、修正方法がわかりません。ただし、モバイルではまだ問題ありません。バーが非常に幅広になり、クリックすると、テキストの色が(ライトモードとダークモードの両方で)同じ色になり、要素がボックス内に完全に収まらなくなりました。


topic-list-header について、私のテーマの CSS をこちらにある yours と比較しましたが、同じなので、何が原因なのか全くわかりません。

@Don ちょっと聞きたいのですが、モバイルでボタンが窮屈にならないように調整する良い方法はありますか?

現在の状態は少し乱雑です。「返信」を「2/2」エリア/レンチアイコンの隣に移動し、「追跡」を「トピックコントロール」の隣に移動させるのはどうでしょうか。もっとすっきりするかもしれません。

また、「Discourse Topic List Author」コンポーネントのせいで、下部の小さなボックスがなぜか非常に幅広になってしまいます。これを回避する方法はありますか?このコンポーネントが原因だと気づくのに永遠にかかりました、笑。

調整を加えました。

デフォルトのテーマでも同様の配置になっていると思います。 :thinking: これを変更すべきではないと思います。いずれにせよ、ユーザーにはレンチボタンはありません。

Topic List Author テーマコンポーネントは、このテーマと互換性がないと思います。FKBテーマとTopic List Authorの両方がトピックリストアイテムテンプレートをオーバーライドしているためです。

「いいね!」 1

ありがとうございます!すぐに確認します。ただ、簡単な質問があります。

GitHubでフォークした場合、このテーマを更新する適切な方法は何ですか?

基本的に、フォークして、ローカルで独自の変更を加えてGitHubにプッシュし、サイトの管理テーマパネルでテーマを更新します。しかし、ローカルで行った変更を保持しながら、あなたが加えた変更も含めるにはどうすればよいですか?テーマのフォークをあなたの変更と同期させようとすると、次のようになります。

自分の変更を破棄すると、すべての変更が消えてしまうのではないでしょうか?コアテーマに加えられた変更を受け取りながら、自分が行った編集も保持したいのです。

編集:最新の編集でテーマを更新しました。トラッキングエリア/アイコンが画面の左側に調整され、「2/2」のページエリアが丸みを帯びたようです。これは正しいですか?モバイルでは少し良くなりましたが、通常のユーザーアカウントでも、ページ番号の横に不格好な空白がモバイルに残っています。

編集7時間後:このテーマには、カラーテーマの「選択済み」と「ホバー」のオプションはありませんか?最後の2つ、選択済みとホバーを除くすべてのカラーオプションが表示されます。

件名:投稿の表示方法の変更について

@Donさん、上記の返信に加えて、長い投稿の場合、「続きを読む…」と表示されてクリックするとトピックに入るのではなく、実際のFacebookのように、トピックのコンテンツ全体がドロップダウンで表示されるようにすることは可能でしょうか?

編集(17時間後):また、メインフォーラムページのコメントボタンをクリックすると、元の投稿または最新の投稿を選択するのではなく、直接コメントに移動するようにすることはできますか?

はい、これは意図したものです。

これをマージしました。:+1:

「いいね!」 1

こんにちは、@Donさん

素晴らしいテーマをありがとうございます!
現在、私のサイトでは最初のバッジスタイルが表示されていますが、以下のような3番目のバッジスタイルにするには、設定をどのように変更すればよいか疑問に思っています。

「いいね!」 1

こんにちは :waving_hand:

ありがとう :heart: はい、カテゴリバッジのコアに変更がありました。これらのスタイルを変更する設定を追加します。:slightly_smiling_face:

「いいね!」 1

ありがとうございます。

そして、これは重大なことではありませんが、CSSの問題が3つあることに気づきました。

1) 検索バナーは、デスクトップ/タブレットでは検索バーが正しく表示されず、モバイルビューでのみ表示されます。

デスクトップ:

モバイル(こちらは正常に表示されます):

2) モバイルでのドキュメントビューは、右側が画面からはみ出しています。

3) カテゴリボックス(サブカテゴリ用)は、レスポンシブで3列になると単語が途中で切れてしまいます。

これらも修正する方法はありますでしょうか?

「いいね!」 1

こんにちは @Clo :wave:

レポートありがとうございます。:slightly_smiling_face: このアップデートは、あなたが言及したほぼすべてをカバーしています。

カテゴリバッジのスタイルを選択できる新しい設定が含まれています。
バーのスタイルはまだ含まれていません。

category badge style

  • bullet (デフォルト)
  • box

また、検索バーのテーマコンポーネントのサポートを追加し、モバイルでのドキュメントトピックリストビューを修正しました。


これは GitHub - discourse/discourse-minimal-category-boxes テーマコンポーネントだと思いますが、再現できません。:thinking: もう少し詳しく教えていただけますか?他のテーマ(例:デフォルトテーマ)でも発生しますか?

Hi @Don

ありがとうございます。検索バーとカテゴリが素晴らしい見た目になりました!

残念ながら、モバイル表示でのドキュメントにはまだパディングが必要だと思います。下の画像をご覧ください。

テキストが右端で画面からはみ出しています。

また、カテゴリボックスについてですが、以前使用していた他のテーマやデフォルトのテーマではこのようなことは起こりませんでした。このテーマには右側にサイドバーがあるため、他のテーマにはないため、3つの列が中央に押し込まれているのかもしれません。

使用しているコンポーネントは次のとおりです。

メインカテゴリページでも同じ問題が発生します。

画面サイズでの改行が遅すぎるため、ボックスがテキストに対して小さくなり、テキストが途切れてしまうようです。

フォーラムのURLを共有していただけますか、またはプライベートメッセージで送っていただけますか?そうすれば、これらのことをもっと簡単に確認できます。:slightly_smiling_face:

こんにちは、@Donさん、質問があります。ダークモードとライトモードの両方でサイドバーの色を変更するにはどうすればよいですか?

変更したい背景ハイライトカラーは以下に記載されています。

--d-sidebar-highlight-background:
var(--primary-low);

しかし、GitHubリポジトリに「highlight-background」が見当たりません。ローカルで変更する方法はわかっていますが、例えば var(--primary-low);#000000; に変更すると、両方のモードに影響します。各モードで異なる色を設定するにはどうすればよいですか?注:これは下のエリアにも影響します。ここも各モードで異なる色にする必要があります。

また、メインフォーラムページのコメントボタンをクリックすると、元の投稿または最新の投稿を選択するのではなく、直接コメントに移動させる方法はありますか?

私の表示は以下のようになり、ボックスの境界線に接続されていません。どのようにすれば私の表示もこのようになりますか?

gggg

ありがとうございます!

こんにちは、@Donさん、最近のテーマのアップデートでインストールが壊れてしまいましたか?昨日から持っているエクスポートは問題なくアップロードできますが、最新バージョンをフォークして、.zipまたはGHリポジトリからインストールしようとすると、500エラーが発生します。

ログには次のように表示されます。

hijacked response を正しく処理できませんでした : ActiveRecord::RecordNotUnique : PG::UniqueViolation: ERROR: duplicate key value violates unique constraint “theme_field_unique_index”
DETAIL: Key (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) already exists.

テーマをインポートするたびに、theme_idが1ずつ増加するので、少なくともtheme_idの問題ではありません…

こんにちは :wave:

これはあなたのフォークですか? https://github.com/GitHubQueenn/fkb-pro-theme2

scss フォルダのファイルを複製する stylesheets フォルダを作成したようですね。ファイルが複製され、両方のフォルダからインポートしようとしたため、問題が発生しました。スタイルを変更したい場合は、新しいテーマコンポーネントを作成するか、scss フォルダで変更するか、フォルダ名として stylesheets を使用することもできますが、両方同時に使用することはできません。ただし、メインリポジトリで使用されているため、scss を維持する方が良いでしょう。

こんにちは、これがどのように起こっているのかわかりません。テーマをバックアップするたびに、バックアップに「stylesheets」というフォルダがあり、自分で作成したものではありません。このようになっています。そして、このフォルダ内のファイルに多くの変更を加えました。

削除しろと言っていますか?

これは管理画面からエクスポートしたからですか?このフォルダにはあなたの変更が含まれていると仮定します。どのバージョンか分かりませんが、最近いくつか変更を加えました。これらのファイルをscssフォルダにアップロードできます。

「いいね!」 1

ありがとうございます!これを移動して、カテゴリ名を完全に削除することは可能でしょうか?

編集 6時間後:また、すべての .scss ファイルを 1 つの大きなファイルに結合した場合、あなたのテーマは正常に機能しますか?サイトを可能な限り最適化しようとしており、一部のパフォーマンステストサイトでは、多くの CSS および JS ファイルを読み込む必要があると表示されています。これは主にテーマからのものです。ファイルの数を減らして、すべてを 1 つにまとめることをお勧めします。

discourse-tab-bar-theme と競合しています。カスタムボタンの高さを追加することをお勧めします。

このプラグインは素晴らしいですね。

「友達」の概念があり、友達リクエストを承認しないと、その友達が自分の投稿をフィードで見られないようにするプラグインはありますか?