CSSクラスと属性
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Content Hubには、インターフェイスのレンダリング時にマテリアルUI (MUI) コンポーネント ライブラリが含まれています。カスタムコードでCSSクラスと属性を使用するときは、次のベストプラクティスに従ってください。
CSSのカスタマイズは、システムのアップグレードによって影響を受ける可能性があります。CSSクラスへの変更が保持されず、予期しない動作が発生する可能性があります。更新後は注意を払い、カスタマイズを確認してください。
CSSを使用して、標準のSitecore Content Hubアイコンをカスタムのアイコンに置き換えないでください。代わりに、管理 ページの IconOverrides 設定を使用してアイコンを構成します。
避けるべきCSSクラス:
|
CSSクラス |
理由 |
|---|---|
|
.css-e7nfld-pdfViewerWrapper |
このIDは自動生成され、ランダムに変更できます。 |
|
.MuiTab-ルート-413 |
このIDはMUI 4によって追加されました。IDはMUI 5で削除されます。 |
|
これらはサードパーティライブラリのクラスであり、これらのライブラリが更新されると変更される可能性があります。 |
使用するCSSクラスまたは属性:
|
CSSクラスまたは属性 |
理由 |
|---|---|
|
data-style-name='largeIconWrapper' data-testid='m-icon-image' |
data- 属性は、要素を見つけるために追加されます。 |
|
.css-1j8ywkp-gridItemTop -- class*='gridItemTop' |
gridItemTopなどのcss- id -で始まるクラスは、セレクタとして安全に使用できます。 |