unable to style ListItem component

[davidreact]

I have an webpage where the background is a gradient. I can't seem to be able to remove the white background and the flex properties from the listitem wrapper without having to built the css file from scratch. Not sure if I'm doing something wrong.

.content {
width: 100%;
align-items: center;
box-sizing: border-box;
background-color: #fff;
height: 100%;
display: flex;
}

Screenshot of issue
https://prnt.sc/seic00

[marekrozmus]

Hi.

Unfortunately it looks like you can't do this with current implementation (at least to make it work between versions). For dev purposes you could override the generated class name SwipeableListItem_content_3wMba but when new version will be released this will change as you know.

I would need to implement passing some additional styles from outside the component.

What exact styles you would like to have besides transparent background?
Could you please provide screenshot of what you want to achieve? I just wonder what changes I would need to implement (only content div styling or some other elements of SwipeableListItem). And it would be easier to test the solution you need 🙂

[davidreact]

only need to remove background color and display: flex from content. These properties can be set at the item level with a div. I have confirmed removing these two properties on the browser console fixes the elements presentation.

.content {
width: 100%;
align-items: center;
box-sizing: border-box;
height: 100%;
}

I was not able to override the class SwipeableListItem_content_3wMba by adding it to my styles.css. Is there another way to do the override?

I was missing a dash on the class to be able to override it. Adding .SwipeableListItem_content_**_**3wbMa to my styles.css and changing background: transparent and display: block has fixed the issue for now.

[marekrozmus]

Ok, great, so please usa that temporary hack for now. I'll fix that issue as soon as I have some free time.

[marekrozmus]

@all-contributors please add @davidreact for ideas

[allcontributors]

@marekrozmus

I've put up a pull request to add @davidreact! 🎉