The Pen Settings space within the Pen Editor is a extremely vital little bit of UI in CodePen! You will see this space when doing something from altering a preprocessor to altering the outline of a Pen to turning on and off Auto-Updating.

We’re additionally engaged on some new options that can finally be part of Pen Settings, so we thought it was time to spruce up the design.

For probably the most half, issues are beneath the identical “tabs” as they was once, with only a smidge of re-arranging. Issues like Code Indentation and Indent Width are “Editor” issues so we have damaged that into its personal tab, whereas Habits is the remaining issues regarding the conduct of the entire Pen. Additionally, Privateness has its personal tab fairly than being mixed with Pen Particulars. However an important little toggle, Public/Personal, is offered within the footer so could be modified from anyplace.

Observe that you will see totally different tabs relying on should you personal the Pen or not (e.g. you possibly can’t change a Pen’s title/description/tags should you do not personal it, so we do not even present you that tab). You can change different settings as you play with the Pen, simply observe they will not truly save except you fork the Pen for your self.

Needs to be lots pleasant on the cellular editor:

Excessive 5 to Klare who led up this one!