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
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
Post a Comment