2017-11-22 6 views
0

マット拡張インジケータ(角度、マテリアルデザイン)を移動してタイトルの前に設定することはできますか?マットの拡張表示を移動するには?

材料マニュアルのことについては何の情報https://material.angular.io/components/expansion/overview

enter image description here

ありがとうございました:)

+0

デフォルトオプションはありません。デフォルトの矢印を無効にして、パネルの左側に独自の矢印を作成することができます。 ここにAPI Doc:https://material.angular.io/components/expansion/api – JiiB

+1

@ShadowFoOrmに同意し、スタイルをオーバーライドします。しかし、ユーザビリティの観点からは、それは悪い考えだと思う:Googleは、アプリケーションを見た目と同じようにするための素材設計を作成した。ユーザーは、このアイコンが右側に表示されることを期待しています。 – masterfloda

答えて

3

あなたは常にデフォルトのスタイルを上書きすることができます。

.mat-expansion-panel-header { 
    flex-direction: row-reverse; 

    .mat-content { 
    padding-left: 12px; 
    } 
} 
+0

私はあなたのCSSを試みました。矢印は左にありますが、タイトルに固執しています(MATコンテンツコードは適用されず、理由はわかりません)。 –

+0

try:ng-deep .mat-condent https://angular.io/guide/component-styles – ShadowFoOrm

関連する問題