Make WordPress Core

#38684 closed enhancement (fixed)

Improve the tab character width in the Plugins and Themes editor

Reported by: afercia Owned by: afercia
Milestone: 4.8 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-screenshots has-patch commit
Focuses: Cc:


In #38667 the Customizer is going to introduce the CSS property tab-size for the Custom CSS textarea. It allows to specify a value, for example an integer for the number of spaces, to represent the width of a tab character.

The Plugins and Themes editor could use this property as well, to enhance the visual presentation of the code indentation within the editor. At the moment Firefox needs the prefixed version and there's no support in IE or Edge.

Screenshot before:


and after setting tab-size: 4:


Attachments (2)

38684.diff (352 bytes) - added by afercia 19 months ago.
38684.2.diff (370 bytes) - added by afercia 17 months ago.

Download all attachments as: .zip

Change History (6)

19 months ago

#1 @afercia
19 months ago

  • Keywords has-patch added

The proposed patch just sets the tab-size to 4 and removes the outline declaration, since it's already set in forms.css for all the textarea elements.

#2 @afercia
18 months ago

  • Milestone changed from Awaiting Review to 4.8
  • Owner set to afercia
  • Status changed from new to assigned

17 months ago

#3 @afercia
17 months ago

  • Keywords commit added

Refreshed patch: Autoprefixer still wants the -o- prefixed version for Opera 12.1.

#4 @SergeyBiryukov
17 months ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 39897:

Administration: Improve tab character width in Plugins and Themes editor.

Props afercia.
Fixes #38684.

Note: See TracTickets for help on using tickets.