Inyectable css responsive classes on attachments
- Dominant language
- JavaScript
- Stars
- 20k
- Forks
- 1.1k
- Avg merge
- 3d 12h
- Merged PRs (30d)
- 13
Description
I am strugging to make attached images uploads through the clip fully responsive.
That means that if I insert 3 images, it's ok to show them in 3 colums in a normal screen, but in mobile the should be presented one by one. In bootstrap one can tipically do something like:
```
//image
```
And it would autoadjust. I have tried to edit the blob partial generated, but I always get the same composition block as the trix parent element is prevalent.
I am not totally sure it is a problem or it is me doing something wrong here, but would appreciate a look at this.
##### Details
* Trix version: [v0.11.1]
* Browser name and version: All of them
* Operating system: Ubuntu 22.04 / Rails 7
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the attachment layout with three images on desktop and mobile, then inspect the blob partial and the Trix parent composition element mentioned in the report. Determine where responsive classes could be applied without being overridden, and verify that attachments stack on mobile while retaining columns on wider screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, css, javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100