html - CSS: table column shifts as icon toggles visibility on hover -
here plunker - http://plnkr.co/edit/iwvjjcuuruw2avkdarfz?p=preview
the problem when hover on each row, column shifts left, not desirable.
i want icons appear , disappear on mouse hover table columns don't shift positions
how can achieve that?
thank you
just fix css:-
tr i.icon-minus-sign {visibility: hidden;} tr:hover i.icon-minus-sign {visibility: visible;}
issue have column without element since display:none
hence other cells expand taking space. when hover on element occupies space , shrunk td's expand. avoid best thing use visibility
takes element space if hidden unlike display
property
Comments
Post a Comment