Open-Assistant icon indicating copy to clipboard operation
Open-Assistant copied to clipboard

Added collapsable text for text that's too long

Open kostiak opened this issue 2 years ago • 3 comments
trafficstars

This is a draft PR for #190

kostiak avatar Jan 03 '23 01:01 kostiak

@fozziethebeat As I said in #190, I still have an issue here in that a modal does not take up the full width/height of the screen: image

I can probably fix it using style tags, but I think there might be a simpler way to fix it that I'm missing. Can you take a look at it on mobile/using the browser mobile emulator?

Thanks.

kostiak avatar Jan 03 '23 08:01 kostiak

@fozziethebeat As I said in #190, I still have an issue here in that a modal does not take up the full width/height of the screen: image

I can probably fix it using style tags, but I think there might be a simpler way to fix it that I'm missing. Can you take a look at it on mobile/using the browser mobile emulator?

Thanks.

I tried it out locally and deleted the Container in website/src/components/CollapsableText.tsx. That fixed the width issue for me. Can you try that?

fozziethebeat avatar Jan 03 '23 08:01 fozziethebeat

@fozziethebeat I tried that. Doesn't seem to fix it for me.

It works correcly on "small" screens, but when I try it in the device emulator: image

kostiak avatar Jan 03 '23 10:01 kostiak

@fozziethebeat Hey, fixed the overlay with a style tag for now, this is how it looks on mobile: image

Let me know what you think.

kostiak avatar Jan 03 '23 21:01 kostiak