This is a user style that can be used with the recommended Stylus app, or with the outdated Stylish for Firefox app.
It automatically maximizes the Shopify Code Editor whenever you open it from Themes > Edit Code or by other means.
It does the following:
- Hides all the unnecessary header bars, and menu, leaving only the file list, the tab bar and the file header.
- Removes the "Maximize" button.
- Reduces the width of the file list to just 80% of the original width. More space to code! (Pro tip: This is
22.4rem
) - Inverts the tab order so that the tabs are on the right (less distracting, and also the scroll bar goes on top).