StatusCard on mobile screens hides the device on the map #1155
Conversation
| @@ -57,6 +57,8 @@ const useStyles = makeStyles((theme) => ({ | |||
| content: { | |||
| paddingTop: theme.spacing(1), | |||
| paddingBottom: theme.spacing(1), | |||
| 'max-height': '40vh', | |||
| overflow: 'hidden', | |||
There was a problem hiding this comment.
because it overlaps with the actions
There was a problem hiding this comment.
without overflow: hidden
There was a problem hiding this comment.
Screenshot please. And also wouldn't it mean that it's not the content is not accessible?
There was a problem hiding this comment.
yes, the overflow content won't be accesible
There was a problem hiding this comment.
That's not an acceptable solution then. It should become scrollable if you want to limit the height.
There was a problem hiding this comment.
Changed to overflow: scroll
| @@ -57,6 +57,8 @@ const useStyles = makeStyles((theme) => ({ | |||
| content: { | |||
| paddingTop: theme.spacing(1), | |||
| paddingBottom: theme.spacing(1), | |||
| 'max-height': '40vh', | |||
There was a problem hiding this comment.
You have to use camelcase name here. And also the constant should be in the same place where we put other similar constants. It's part of the theme.
|
please check |
|
Merged, thanks. |
|
@jcardus is looks like the card is broken by this change. Tested on Chrome on Mac. Can you please fix. 
|
|
Sorry @tananaev, I just saw this now. Is this still an issue? |
|
I forgot. Maybe I already fixed it? |
|
I can't reproduce it. |
before:
after:
