Geek asks and answers

Sencha touch 2 ellipse name

Table headings have ellipses, although the horizontal space is huge. I see this in default-style.css under .x-title.x- innerhtml. What is the correct way to tune when it is an ellipse? and also, if your feeling is unusual, the method that I must use to find the answer in such a situation would be useful. For example, I went to the doc API for sencha and found Ext.String.ellipsis, Ext.util.Format.ellipsis and Global_CSS.ellipsis. I see the documentation, but I don’t know how to approach a real change in the way ellipsis is handled.

                items: [
                        {
                            xtype: 'container',
                            title: 'Bla Mobile',
                            layout: {
                                type: 'vbox',
                                pack: 'start',
                                align: 'center'
                            },

EDIT:
I added this to my .css style to fix this:

.x-title { padding:0 .3em; }

.x-title .x-innerhtml { padding: 0; }
+5
source share
1 answer

This seems like a bug in webkit, I came up with this solution:

.x-title .x-innerhtml:after {
    content: '';
    display: inline-block;
    width: .3em; /* equal to the amount of padding on the element */
}
+1
source

More articles:


All Articles