Design QA checklist before first beta release, in progress.
** i. Preview button in the Editor toolbar** To be worked on {T307106}
| **Status** | **State** | **UI** | **Blocking**
| ⚠️ | Hover (default) – background: `Base80` | {F35047508} | True
| ⚠️ | Active – label should be blue as well | {F35047511} | True
| ⚠️ | Hover (while active) – background: `Base80` | {F35047500} | True
**ii. Resize UI** To be worked on {T307105}
| **Status** | **State** | **Current UI** | **New UI** | **Blocking**
| ⚠️ | Add a minimal resize limit on the preview pane to `248px` | {F35047520} | {F35047518} | False
| ⚠️ | Visual adjustments on handlebars, details below* | {F35105641} | {F35105647} | False
//*Visual adjustments on handlebars, details//
both drag elements should be 52px long, keeping the same width as now.
Margin: 2px; Background on the split panes one: OOUI Base 90 ` #F8F9FA `
**ii. Loading state**
[x] The loading bar ("blue snake") should stay on top of the preview pane. Currently, it disappears when users scroll.