Making WordPress.org

#6506 closed defect (bug) (wontfix)

The width of the box of Pygments syntax highlighter is small on a mobile screen size

Reported by: aezazshekh's profile aezazshekh Owned by:
Milestone: Priority: lowest
Component: Trac Keywords: has-screenshots has-patch
Cc:

Description

When we open https://meta.trac.wordpress.org/prefs/pygments page on a mobile screen size, then the width of the Pygments syntax highlighter box is very small. Because of this, the design of the page is not proper.

Site Link => https://meta.trac.wordpress.org/prefs/pygments

Attachments (3)

CleanShot 2022-09-28 at 16.31.58@2x.png (508.4 KB) - added by aezazshekh 20 months ago.
Screenshot of Issue
6506.diff (488 bytes) - added by aezazshekh 20 months ago.
added patch
CleanShot 2022-09-28 at 16.34.45@2x.png (498.1 KB) - added by aezazshekh 20 months ago.
After adding the patch, the Pygments syntax highlighter box design looks like this.

Download all attachments as: .zip

Change History (5)

@aezazshekh
20 months ago

Screenshot of Issue

@aezazshekh
20 months ago

added patch

#1 @aezazshekh
20 months ago

  • Keywords has-patch added; needs-patch removed

@aezazshekh
20 months ago

After adding the patch, the Pygments syntax highlighter box design looks like this.

#2 @dd32
20 months ago

  • Priority changed from normal to lowest
  • Resolution set to wontfix
  • Status changed from new to closed

This doesn't appear to affect anything other than this specific element, and the style is directly from the Trac plugin / feature / etc:

<style type="text/css">
      div.code pre { border: 1px solid #999; font-size: 90%; margin: 1em 2em;
        padding: 5px; width: 60%;
      }
    </style>

I'm not inclined to fix this, this is just adding extra CSS to our styles for no meaningful benefit.

Please feel free to report an issue upstream to the pygments maintainers.

Note: See TracTickets for help on using tickets.