Device: Galaxy Tab S4
Viewing Mode: Portrait

When I use the Chrome browser or the "Edit Character on Website" button in the DDB app to view my character sheet, the new high contrast backdrops do not cover the entire screen. The backdrop ends about an inch or so before the bottom of the screen creating a white bar at the bottom of the character sheet.

I hope this can get fixed soon, it's very nice to have an option to have a dark background option without a picture behind the text.

While playing around with Dark Mode CSS and such, Jay and I did stumble on that.
It also does that on vertical iPad (blurred the stats because those are irrelevant), on Chrome and Firefox.

See that large white area? It's the "default" backdrop that bleeds out.
He used a simple fix for that :

background-size: cover !important;
background-attachment: fixed !important;
background-position: top center !important;
background-origin: content-box !important;

Basically, the background adjust to the width of the screen, hence showing shorter then it should.

So maybe the staff can look into implementing that fix after a couple tests?

I was looking to report the same issue, and I agree this seems like a CSS / image size issue and doesn't seem to be device specific (the window just needs to be tall enough while being less than 1024px wide)

I admit I'm probably bothered by this a lot more than I should, but sadly, I really prefer the dark background, and gave up on using my tablet for my character sheet until this is fixed. I am easily able to fix this on a computer, but sadly I am unable to find a browser on android which allows me to specify custom CSS for the page (any suggestion on that regard would also be appreciated)

Quote from inalyricalcoma >>

I was looking to report the same issue, and I agree this seems like a CSS / image size issue and doesn't seem to be device specific (the window just needs to be tall enough while being less than 1024px wide)

I admit I'm probably bothered by this a lot more than I should, but sadly, I really prefer the dark background, and gave up on using my tablet for my character sheet until this is fixed. I am easily able to fix this on a computer, but sadly I am unable to find a browser on android which allows me to specify custom CSS for the page (any suggestion on that regard would also be appreciated)

Alas I do not know of a way to edit CSS on mobile (also on the lookout for one that isn't from some obscure website or browser app haha)... Except perhaps using a remote desktop app  (Anydesk, TeamViewer, etc) to view a desktop browser sized for mobile (with fixed CSS)...?

However, there is the DNDBeyond Mobile APP that is kinda helpful. I know it doesn't do all the website does but maybe that could work?

Quote from inalyricalcoma >>

I was looking to report the same issue, and I agree this seems like a CSS / image size issue and doesn't seem to be device specific (the window just needs to be tall enough while being less than 1024px wide)

I admit I'm probably bothered by this a lot more than I should, but sadly, I really prefer the dark background, and gave up on using my tablet for my character sheet until this is fixed. I am easily able to fix this on a computer, but sadly I am unable to find a browser on android which allows me to specify custom CSS for the page (any suggestion on that regard would also be appreciated)

 

Kiwi Browser (https://kiwibrowser.com/ I use it solely for DNDBeyond) for android allows you to install Chrome extensions. You can install the extension Stylus (or your prefered extension) to apply CSS to pages from there. If you would like any help setting it up you can PM me.

Well well! Should have asked you beforehand HAHA!

I'll take a look at that. :) Wish there was an iOS version though...

Thank you, that sounds great! I'll check!