search

wnielson / sencha-ListActions

A list plugin that makes it easy to apply actions to list items in bulk. The behavior is modelled after the iOS mail application's "edit" functionality.
MIT License
9 stars 3 forks source link

arrow and background look messy in some browsers #5

Open Odi55555 opened 10 years ago

Odi55555 commented 10 years ago

On my Galaxy Nexus with Android 4.3 the background and arrow look a bit messy. In Chrome everything is fine on this device. On my iPhone 5s just the arrow is messy screenshot_2013-11-07-16-52-01

Odi55555 commented 10 years ago

So this was an easy one...

In your app.css you've this code snippet: .x-tab .x-button-icon.check2, .x-button .x-button-icon.x-icon-mask.check2 { -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAE+klE…rkxt4XK0fw+TtYxhT6iEt4FK7L8D4locDFqnUXSadh78Bx5bEl2CLG+8AAAAASUVORK5CYII='); } just add
-webkit-mask-repeat: no-repeat;

and everything is fine.

I think its better if all the css code that the plugin needs, is at one place... I don't want to commit into the minified app.css

Odi55555 commented 10 years ago

Ok, I better reopen this. So you can see the TODO ;-)

chinadeng commented 10 years ago

why i get an erro in doShowItemAnimation: function(item) { var el = Ext.DomQuery.selectNode(".x-inner.x-list-item-inner", item.element.dom); this._showAnimation.run(el); },

Uncaught TypeError: Cannot read property 'dom' of null

and i can not show like ios ,like the following,why??? qq 20140917094311