Fix #1484 show full title on signle column #1491
Conversation
henryzbw
commented
Jun 17, 2019
henryzbw
commented
| </div> | ||
| <div className={classes.eventCardInfoItem}> | ||
| <RaisedAmount amount={totalBets} /> | ||
| <div className={classes.upper}> |
There was a problem hiding this comment.
cant you just add the CSS to eventCardSection?
There was a problem hiding this comment.
we are taking all the stuff above options as one part, and options as another part, so I can add some space between these two parts, since on mobile size, it won't have height for the card. So the flex property doesn't have them separated.
| @@ -47,6 +53,14 @@ const styles = (theme) => ({ | |||
| fontSize: '1.05rem', | |||
| textAlign: 'left', | |||
| whiteSpace: 'nowrap', | |||
| [theme.breakpoints.down('xs')]: { | |||
There was a problem hiding this comment.
you should be able to add the noWrap prop on Typography to handle ellipsizing it.
https://material-ui.com/api/typography/
There was a problem hiding this comment.
this is weird cause it already has ellipsis on the class. ya try using the material ui prop.
There was a problem hiding this comment.
Oh, its intentionally to show all the title and not ellipsis it. TT want when it's on mobile size(only one card per row) we show full title like first pic, if its on larger screen(2 or 3 cards per row), we ellipsis the title.
|
🚢 |
