Graceful Theme

I would like to start by saying thanks for such a great theme. and Special thanks for giving us the option to add a custom background image that was very important for us.

I am however running into a bit of a bump while trying to properly set up the header for the forums.

a- I am trying to increase the size of the logo top left corner.
b- I am trying to change the header color to match with the logo background as for some reason I am not sure how to get discourse to accept a .png image that will go along any header color. Without discourse changing it to a jpg and adding automatically adding the background.

The image below will show what I have now

I know there were a few mentions above about this and creating a custom component to override the CSS however I am not very familiar with CSS and I am not sure what lines to add where in my custom component I created.

any help with this will be greatly appreciated!

最近報告された色の問題(背景の不一致、ダークモード)を修正するアップデートを行いました。問題を報告してくださった皆さん、ありがとうございます!

「いいね!」 1

このテーマのCSSを編集するにはどうすればよいですか?

[image]

「いいね!」 1

右側が狭く表示されるページ幅の問題が発生しています。参考のためにスクリーンショットを添付しました。

このテーマで同じ問題が発生している人はいますか?また、これを修正する方法について何かアイデアはありますか?

「いいね!」 1

アバターに問題があります。名前の上に配置されています。

「いいね!」 2

こちらも同様の問題が発生しています。

「いいね!」 3

ご報告ありがとうございます!アップデートを行いましたので、再度ご確認ください。問題がある場合はお知らせください。

「いいね!」 5

@awesomerobot アップデートありがとうございます。モバイルビューを確認する必要があると思います。両側に少し余分なスペースがあるように見えますか?

Discourse を更新し、すべてのプラグインを更新した後、Topic List Thumbnails Theme Component がインストールされているホームページが 3 列から 2 列に変更されました。これはテーマの変更/問題ではないかもしれませんが、最近発生しました。

Chrome Inspector を使用してメインコンテナの幅をわずかに広げると、問題が解決します。そのため、幅の変更が含まれている最近のコミットに関連している可能性があります。

現時点では、CSS で main-outlet を使用して幅を上書きすることで対応していますが、意図しない結果がないか、またはこれが最善の方法かどうかはわかりません。したがって、何かを変更する必要があるとは限りませんが、このシナリオで私のサイトのレイアウトに影響があったことを言及し、望む結果(3 列の masonry レイアウト)を得るために他に取るべきアプローチがあるかどうかを尋ねたいと思います。すでに問題を修正したので、長期的にも解決されるのであれば、それで構いません。 :slight_smile:

Discourse に統合される新しいサイドバーはサポートされますか?

「いいね!」 2

はい、すべてのテーマを更新して対応する予定です。

「いいね!」 2

小さなバグ報告:このテーマの最新バージョンでは、iPhoneのような小さなモバイルデバイスで表示した際にフォーラムのタイトルが切り詰められるようです。https://forums.ankiweb.net/ で確認できます。

「いいね!」 1

フルスクリーンチャットがGracefulテーマで半壊しているようです。メインウィンドウとチャットウィンドウの両方にスクロールバーが表示されています。他のテーマではこの問題を再現できなかったため、Gracefulに固有の問題のようです。

「いいね!」 2

このテーマでは、なぜカードがレガシー スタイル (新しい Usercard Redesign Experiment より前の古いスタイル) に強制されるのですか? それ以外は素晴らしいテーマです。
画像:

「いいね!」 1

更新されたユーザーカードは実験的なテーマコンポーネントであり、Meta のすべてのテーマに追加されていなかったようです。興味があれば、それらをテーマに追加しました。

「いいね!」 4

iPhone 11、Safariブラウザで2つの問題が発生しています。


「いいね!」 1

Androidでも同様です。他のサインインオプションのテキストは表示されず、テーマコンポーネントテーブルの最初の列が歪んでいます。

「いいね!」 2

こんにちは。

フォーラムでも見つけ、カスタムスタイルで修正しました。

.btn.btn-social {
    color: var(--d-sidebar-link-color);
}

これにより、サイドバーのリンクと同じ色になります。
お役に立てば幸いです。

– Ivan

「いいね!」 2

レポートとCSSの回避策をありがとうございます!この件に対応するため、テーマを更新しました: UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub

「いいね!」 3

こんにちは。トピック削除ボタンの色が目立たないことに気づきました。修正していただけますか?

「いいね!」 1