こんばんは。
フォーラムのすべてのボタンをより丸みを帯びた四角形にしようとしています。CSS/HTML内のCSSを使用しました。
.btn { border-radius: 5px; }
これはプレビュータブでは機能しますが、これらのテーマにコンポーネントを含めた後、ライブフォーラムでは機能しません。
現在フォーラムでは：
CSSを使用した後は：
Metaでは、Fullyテーマを使用してボタンが丸みを帯びています。しかし、このテーマを私のフォーラムで使用すると、丸みを帯びません。
この Theme component を試してください。
これは、引用、画像などを丸くするためのオプションを追加します。
神よ！トピックを作成する前に検索機能を使うように、いつもユーザーに言っているのに！
今度は自分が同じことをしてしまった！「角丸ボタン」を検索していた。もっと単純に「ボタン」と検索すればよかったのに。
この検索語を使用しました。
"#theme-component Round"
角を丸くしたい場合は、次のようにすることもできます。
:root {
--d-button-border-radius: 5px
}
または
:root {
--d-border-radius: 5px;
}
うーん…また、フォーラムをリフレッシュしたり、ログイン/ログアウトしたりしても、どちらもプレビューモードでしか機能しないようです。
コンポーネントをインストールした後、適用するにはテーマに追加してからページを更新する必要があります。
その後、ログインしているかどうかにかかわらず表示されるはずです。
プレビューは、テーマがアクティブでない状態でのテスト用です。
ボタンをカスタマイズする他のコンポーネントを追加しましたか？
例えば角丸画像枠のようなものです
すみません、CSSで@awesomerobotさんの投稿に返信していました。
カスタムコンポーネントの作成も同様です。保存後、テーマに追加する必要があります。
これも完了しました。
@Moinさんの返信を確認しましたが、カスタムコンポーネントと競合するようなものはありませんでした。「Discourse Button Style」を詳しく見てみます。以前それを使っていたのですが、正直なところ、空のボックスがたくさんあり、私のADHDの脳では対処できませんでした、笑！単純なCSSで十分でした（もしそうなら）。
はい、あります。これはカスタムコンポーネントと競合しているということですか？
つまり、ボタン、アバター、画像に対して、自分でCSSを作成する必要があるということですね。
「ボタン設定を有効にする」という設定があるので、おそらくそうです。
別のコンポーネントに移動する前に、すべてのオプションを確認する必要があります。
両方とも
が0pxに設定されていました。
時間を無駄にしてすみません！しかし、良いチームワークです！
これは良いですね。私のコンポーネントは現在ほとんどのボタンをカバーしていると思いますが、このアプローチについては知りませんでした。ありがとうございます。
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
