On mobile device,when the screen width is narrow,the code area become scrollable.When we set the background to dark,for example we set the code theme to "arta",if we scroll the code area the the right side is still in white background. I have made a patch to fix this problem.

https://www.drupal.org/files/issues/2017-10-09%2007%3A58%3A38%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE.png

CommentFileSizeAuthor
#3 black_ground_2914784_1.patch350 bytesbrucelee1985
#2 black_ground_2914784_1.patch347 bytesbrucelee1985
2017-10-09 07:58:38屏幕截图.png18.03 KBbrucelee1985

Comments

brucelee1985 created an issue. See original summary.

brucelee1985’s picture

brucelee1985 commented
StatusFileSize
new black_ground_2914784_1.patch347 bytes
brucelee1985’s picture

brucelee1985 commented
StatusFileSize
new black_ground_2914784_1.patch350 bytes
kevinquillen’s picture

kevinquillen commented

Could you explain this part to me?

$(this)[0].scrollWidth-15

What is '15' in this case?

brucelee1985’s picture

brucelee1985 commented

$(this)[0].scrollWidth contains scrollbar width,if we do not minus 15px ,then even on desktop ,the code area will have a horizonal bar

mortona2k’s picture

mortona2k commented
Status: Active » Reviewed & tested by the community

Much needed patch for this module, thanks!

sandeshyadav’s picture

sandeshyadav commented

Patch for the version 8.x-1.6 available here.

jcnventura’s picture

jcnventura
Primary language English
commented
Status: Reviewed & tested by the community » Closed (duplicate)

Just tested this solution, and it doesn't seem to solve the issue really.

At least, not as well as #3119536: Background color not showing for scrollable content.