Toast icon indicating copy to clipboard operation
Toast copied to clipboard

Overflow issue using full width

Open andresglx opened this issue 10 years ago • 2 comments

Hello,

I have discovered a little issue when I was trying to make a full width layout.

If you check my codepen --> http://codepen.io/andresgl/full/xZEyXR/ you can see a extra tittle right margin.

I have fixed it by myself changing the "margin-right" on .#{$toast-grid-column-namespace}

(codepend SCSS line 187 and 188)

margin-right: -.3125em;

instead of

margin-right: -.25em;

(5px) instead of (4px). toast grid - issue marging full-width

Maybe you can solve it in another way.

Thank you!

andresglx avatar Dec 27 '15 04:12 andresglx

There is another way of fixing the inline-block whitespace issue and that is to apply the font-size: 0 hack to the parent which in this case would be the .grid wrapper. The only issue is that an explicit font-size must then be set on the columns so as to not hide the text but should not be such a major problem.

hi-im-si avatar May 18 '16 20:05 hi-im-si

There is a gap under the image, how about that I add style.

 img {
   vertical-align: top;
}

sample

tdaym avatar Apr 18 '18 07:04 tdaym