Show draft CSS state, allow CSS publishing

[blms]

testing notes

In the new dev build, 1.3.0-dev.6:

Publishing settings redesign

• Open a remote project and navigate to the settings via the gear icon in the top left
• Navigate to the Publishing settings. You should see a box with "Project CSS", and a "View" button
• There should also be a "Publish" button that should be grayed out, hovering should explain why
• Clicking "View" should open up a window where you can view, but not edit or save the CSS
• Close it and check out the settings using the "check out" button in the bottom left corner
• You should now be able to "Edit" the CSS, which should bring up the same window but with the ability to edit and save the CSS

Editing while previewing

• Close the CSS and the settings for now. Create a new document in the project with a text resource or two. Add some p elements with text inside. Save your changes.
• Preview the document using the "Eye" button on the document page. It should open up a new window with your text in it; drag this window aside and leave it open while you work in the original window.
• Back in the original window, open up the settings again, and navigate to Publishing. Click "Edit" to edit the CSS
• Use Ctrl-F/CMD-F to find the text /* p */ with those slashes and asterisks. Underneath that you should see a section that says tei-p and some CSS code in curly braces. Underneath display: block;, add a new line that says color: green !important; (including exclamation point and semicolon)
• Click "Save" and check your preview window that you dragged aside. The text should now be green inside the preview.

Draft and publishing

• Close the CSS and the settings, as well as the preview window. When you return back to the settings window and open the CSS editor up again, your changes should have persisted (you'll have to look for /* p */ again)
• "Check In" the settings using the button in the bottom left. The Edit button should now say View again
• There should now be a "draft" indicator by "Project CSS", and the Publish button should be enabled.
• Click the Publish button, and soon the "Draft" indicator should change to "Published", and the Publish button should be disabled
• Check the settings out and then back in again. When you do that, the Publish button should be re-enabled, and both "Draft" and "Published" statuses should show up
• Again, when you publish the "Draft" indicator should go away