search

wix-incubator / angular-tree-control

Angular JS Tree
http://wix.github.io/angular-tree-control
MIT License
708 stars 277 forks source link

Bootstrap style zoom out #258

Open kakid opened 7 years ago

kakid commented 7 years ago

Hi,

When we zoom-out in a page containing the tree view (tested on chrome 54, zoom 90%) the tree view is not displayed correctly

zoom 100 zoom 90

the problem is somewhere here, (when the label is displayed as block and tree-leaf-head float left)

treecontrol.tree-boot li > .tree-label { display: block; padding: 3px 0; border-radius: 4px; }

treecontrol.tree-boot i.tree-branch-head, treecontrol.tree-boot i.tree-leaf-head { float: left; height: 16px; margin: 5px 0px; }

Thank you

rmhubley commented 7 years ago

I got it working for the attribute element by changing the margin from:

margin: 5px;

to

margin-top: 5px;

attrobit commented 6 years ago

the solution from rmhubley helps. Thanks.