aureliendavid/rsspreview

Custom CSS does not work for Mastodon RSS feeds

mmkthecoolest opened this issue · 6 comments

mmkthecoolest commented

When viewing a feed for a Mastodon account (Christian Selig's account as an example), the custom CSS is not applied. This happens regardless of whether the CSP bypass is enabled.

Custom CSS code to test with:

#feedBody {
 max-width: 1100px;
 border: 0px;
 border-radius: 10px;
}
body {
 font-family: sans-serif;
}
video {
 max-width: 100%;
 border-radius: 5px;
}
img {
 border-radius: 5px;
}
.enclosures {
 border: 0px;
 border-radius: 5px;
}
h1 {
 font-size: 200%;
 border-bottom: 0px;
}
@media (prefers-color-scheme: dark){
#feedBody {
 background-color: #222222;
}

#rsspreviewBody {
background-color: black;

}
h2, #feedLastUpdate {
 color: #aaaaaa;
}
a {
 color: #aaaaff;
}

a:active {
 color: #ff5555;
}
.enclosures {
 background-color: #333333;
}
html {
 color: #eeeeee;
 background-color: black;
}
}
aureliendavid commented

Hi,

Thanks for the report, it seems the csp bypass isn't working in this case.

I'll investigate when I find the time and update.

(btw that css looks pretty nice when it works)

  • 👍1
aureliendavid commented

I published a new version on AMO that should fix the issue

please confirm if it's ok for you with v3.20.1

thanks for reporting

mmkthecoolest commented

Works when CSP bypass is enabled now, which I am guessing is expected behavior. Feel free to close.

mmkthecoolest commented

On second thought now I found another instance where CSP bypass doesn't work. Sorry if that bothers you. https://snowdin.town/users/mjdxp/feed.atom

aureliendavid commented

well spotted, this is actually an almost unrelated bug

should be fixed now (3.20.2 on AMO)

thanks for testing

mmkthecoolest commented

Seems to be working now. Haven't found any new CSS issues yet.

  • 👍1