1832213 - Add button in UI to trigger 'pretty print'

Status: RESOLVED FIXED

(DevTools :: Style Editor, enhancement, P3)

Description

[kdv]

Attachment: theme.9.css.zip

Steps to reproduce:

utilize e.g. https://www.avdweb.nl/templates/yootheme/css/theme.9.css in simple html page(see attached).
in 'Dev tools' open Style Editor and 'theme.9.css' in it

Actual results:

the stylesheet is minified and there are no controls to enforce 'pretty print' on it
(there are 2 line feedsin the css file. wiping them out gives pretty-printed stylesheet in Style Editor)

Expected results:

there should be an UI control(button/menu entry) allowing to force formatting(pretty print) over (script/)stylesheet - for the case FF improperly detects 'minified' state.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Style Editor' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Nicolas Chevobbe [:nchevobbe][PTO - back on Monday May 13th]]

Attachment: Bug 1832213 - Add pretty print button in StyleEditor. r=#devtools-reviewers.

This adds a similar button to the one we have in the Debugger that users can
click on to pretty print the stylesheet.
We disable the button when the opened file is an original file, as we don't
support pretty printing non CSS files.
This also removes the automatic pretty print that was happening on minified files.

The current test for (automatic) pretty printing is updated to check that the
button has the expected states and behaves as it should.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/c8bb28110eba
Add pretty print button in StyleEditor. r=devtools-reviewers,fluent-reviewers,ochameau.

Comment 4

[Cristina Horotan [:chorotan]]

https://hg.mozilla.org/mozilla-central/rev/c8bb28110eba