Preview Does Not Update When Making Edits to the CSS File.

[guybroadhurst]

Describe the bug I've just updated some of my CSS on my project but when going to the preview (I've turned off the inline preview) this these changes aren't reflected on the preview. Even when you press the refresh button.

To Reproduce Steps to reproduce the behaviour:

1. Make a change in the CSS file style.css
2. Click preview in the left menu.
3. Click refresh on the preview.
4. Editor does not show change.

Expected behaviour Preview would show the changes made.

Screenshots If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

• OS: macOS 10.15.7
• Browser: Chrome Version 88.0.4324.96

Additional context I did look in the console and when hitting refresh on the preview page you get this error.

Error: Access denied: {"response":{"data":{"documentUpdate":null},"errors":[{"details":"base","locations":[{"column":3,"line":2}],"message":"Access denied","path":["documentUpdate"]}],"status":200},"request":{"query":"mutation DocumentUpdate($id: ID!, $sessionId: String, $filename: String, $blob: String, $rank: Int) {\n  documentUpdate(id: $id, sessionId: $sessionId, filename: $filename, blob: $blob, rank: $rank) {\n    ...DocumentFields\n  }\n}\n\nfragment DocumentFields on Document {\n  id\n  filename\n  blob\n  rank\n  version {\n    id\n  }\n  rank\n  insertedAt\n  updatedAt\n}\n","variables":{"sessionId":"6d116a11-cd29-401a-8501-fb0217e570ed","id":"10419258","blob":"@font-face {\n\tfont-family: \"IBM Plex Mono\";\n\tsrc: url(imb-plex-mono.woff2), url(ibm-plex-mono.woff)\n}\n\n@font-face {\n\tfont-family: \"Young Serif\";\n\tsrc: url(youngserif.woff2), url(youngserif.woff)\n}\n\nbody {\n\tfont-family: \"IBM Plex Mono\";\n\tfont-size: 16px;\n\tline-height: 1.6;\n\t\n\tbackground-color: #ff0000;\n\tcolor: #2a2a2a;\n\n\toverflow: hidden;\n}\n\nh1 {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\nnav {\n\tposition: fixed;\n\ttop: 0px;\n\tleft: 0px;\n\twidth: 240px;\n\theight: 100vh;\n\tbackground-color: #00b98d;\n\n\tfont-family: \"Young Serif\";\n\tfont-size: 24px;\n\tcolor: #ffffff;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n}\n\nnav a {\n\tcolor: #ffffff;\n\ttext-decoration: none;\n\tmargin: 5px 32px 5px 32px;\n} \n\nmain {\n\tposition: relative;\n\tz-index: 1;\n\tbackground-color: #ffffff;\n\tmin-height: 100vh;\n\ttransition: transform 0.5s ease;\n}\n\nmain.open {\n\ttransform: translateX(240px);\n}\n\na.toggle-nav {\n\tposition: fixed;\n\ttop: 0px;\n\tleft: 0px;\n\tpadding: 24px;\n\ttext-decoration: none;\n\tcolor: #2a2a2a;\n}\n\na.toggle-nav img {\n\tmargin: 0 5px 0 0;\n\tvertical-align: middle;\n}"}}}
    at e.<anonymous> (index.ts:72)
    at 3.0a18eeb0.chunk.js:2
    at Object.next (3.0a18eeb0.chunk.js:2)
    at a (3.0a18eeb0.chunk.js:2)
(anonymous) @ actions.ts:278

[artcommacode]

(User had been signed out in the background while leaving the tab open)