Styleguide icon indicating copy to clipboard operation
Styleguide copied to clipboard

snippet-preview pushed down when viewing code for an element with a description

Open ignas-damijonaitis opened this issue 8 years ago • 0 comments

Hey, so in the styleguide, when choosing Show Code for an element that doesn't have any description to it - the preview of said code is pushed down with the margin without any issues.

ex2 ex3

The problem kicks in when viewing the code for an element that does have a description.

ex4

The code is shown, the preview is pushed down, but it's being pushed down by the description, which leaves a big gap between the code and the demo, sometimes pushing it down enough to require you to scroll to see it again.

ex5

The red line indicates where the margin-top of the preview ends.

ex6

ignas-damijonaitis avatar Sep 23 '16 09:09 ignas-damijonaitis