SAPUI5 ObjectListItemアイコンがアライメントされていません

Question

SAPUI5でアイコン付きのObjectListItemを使用していますが、アイコンがテキストに常に整列しているとは限りません。

私が持っている：

<List> 
<ObjectListItem title="title" type="Active" number="{/data/value}" 
icon="{= ${/data/value === '1' ? 'sap-icon://accept' : 'sap-icon://decline'}"> 
</ObjectListItem> 
</List> 

とスタイル：

.sapMObjLIconDiv { 
    float: right; 
    height: 0;} 

.sapMObjLIcon.sapUiIcon { 
    font-size: 18px; 
    line-height: 1.5rem; 
    margin: 0 auto;} 

と値が異なる長さを持ち、時にはアイコンがテキストの上に表示されます：

おかげ

Answer 1

カスタムCSSが重複する理由です。テキストに余白を付けて、アイコンと重ならないようにすることができます。

.sapMObjLNumberDiv{ 
    margin-right:60px; 
} 

また、カスタムCSSクラスをリストに追加し、そのクラスに関連してすべてのスタイリングを適用することをお勧めします。これにより、同様の標準クラスが使用される他のコントロールの問題を防ぐことができます。