angularjs - CSS for Drag & Drop UX -


i should preface saying css skills rather lacking.

problem

i utilizing angular drag & drop directive - angular-drop-and-drop-lists. when switch on horizontal list i'm trying drag boxes, dndplaceholder element (i.e. grey box) doesn't style want to.

plunkr

http://plnkr.co/edit/1bupv6rr4hoangyrzb1t?p=preview

placeholder css

.simple-demo ul[dnd-list] .dndplaceholder {     display: inline-block;     background-color: #ddd;     min-height: 42px;     min-width: 100px;     margin: 1px; } 

screenshot

screenshot


desired resolution

what want dndplaceholder vertically aligned other elements in list. red square marks desired location.

you need add vertical-align: bottom; .dndplaceholder style rules.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -