diff --git a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx index 2ae5a29973..d390d0874a 100644 --- a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx +++ b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx @@ -89,19 +89,18 @@ import { IgxAvatarModule } from 'igniteui-angular/avatar'; デモ サンプルの実行方法を見てみましょう。Ignite UI コンポーネントと NG Bootstrap コンポーネントを組み合わせたもので、1 つのアプリケーションにうまく収まります。この例のナビゲーションは、 および とともに bootstrap [`navbar`](https://getbootstrap.com/docs/4.0/components/navbar/) を使用して作成されます。[Campaigns] ボタンの下の [`dropdown`](https://ng-bootstrap.github.io/#/components/dropdown/examples) も bootstrap ライブラリから取得されます。ナビゲーションの下で、 コンポーネントを使用して統計を表示します。カード内に複数の項目を配置しました - 、[`buttons`](https://getbootstrap.com/docs/4.0/components/buttons/) および [`ngb-ratings`](https://ng-bootstrap.github.io/#/components/rating/examples)。 -Ignite UI for Angular Cards +Ignite UI for Angular Cards `[More]` ボタンをクリックすると、 が表示されます。 -Ignite UI for Angular Dialog +Ignite UI for Angular Dialog 次に、クレジット カードに関する情報を表示する [`ngb-accordion`](https://ng-bootstrap.github.io/#/components/accordion/examples) を追加しました。コンテンツの中には、 と `igx-button` があります。 -NG Bootstrap Accordion - +NG Bootstrap Accordion 最後に、右上隅に Ignite UI for Angular `アイコン ボタン`を挿入し、アプリ全体のテーマを変更します。 -Dark Variant Theme +Dark Variant Theme ## スタイル設定 @@ -264,12 +263,13 @@ Ignite UI for Angular のすべてのコンポーネントは渡されたパレ // Overriding ngb-accordion colors with colors from the custom dark palette .accordion { - .card-header { + .accordion-header, + .accordion-button { background-color: color($custom-dark-palette, 'gray', 200); color: color($custom-dark-palette, 'gray', 900); } - .card { + .accordion-item { background-color: color($custom-dark-palette, 'surface'); border-color: color($custom-dark-palette, 'gray', 300); } @@ -355,8 +355,6 @@ Ignite UI for Angular は、テーマごとに 4 つのデフォルト タイプ ## API リファレンス -
- - - - @@ -364,7 +362,7 @@ Ignite UI for Angular は、テーマごとに 4 つのデフォルト タイプ - - -関連トピック: +## 関連トピック - [パレット](../sass/palettes.md) - [コンポーネント テーマ](../sass/component-themes.md) @@ -382,6 +380,3 @@ Ignite UI for Angular は、テーマごとに 4 つのデフォルト タイプ コミュニティに参加して新しいアイデアをご提案ください。 - [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular) - [Ignite UI for Angular **GitHub** (英語)](https://github.com/IgniteUI/igniteui-angular) - -- [Ignite UI for Angular **Forums**](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular) -- [Ignite UI for Angular **GitHub**](https://github.com/IgniteUI/igniteui-angular)