basecamp / basecamp/trix

Inyectable css responsive classes on attachments

Open
#1,045 0 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.