css3 - list elements padding in iOS sencha touch -
i having problem displaying list elements in iphone here in image 'black' overlapped itemdisclosure icon. tried style using text-align: "right" didn't find difference. appreciated
here list code
itemtpl : [ '<p style="font-family:arial;color:black;font-size:20px;">{description}</p>', '<div style="font-size: 0.75em; color: darkgray">sku:{code}</div>' ].join(''),
you should not having problem because sencha adjust itemdisclosure icon based on text.
anyway, give width p
tag
css
.description{ font-family:arial; color:black; font-size:20px; width:90%; // reduce wish } .code { font-size: 0.75em; color: darkgray; }
list code
itemtpl : [ '<p class="code ">{description}</p>', '<div class="description">sku:{code}</div>' ].join(''),
well, still want inline style
itemtpl : [ '<p style="font-family:arial;color:black;font-size:20px; width:90%;">{description}</p>', '<div style="font-size: 0.75em; color: darkgray">sku:{code}</div>' ].join(''),
Comments
Post a Comment