Skip to content

Content Templates UI polish of menu, modal, and no content state

Harumi Jangrequested to merge
issue/canvas-3547513:3547513-ui-polish-for into 1.x

Closes #3547513

Styling updates:

  • The different states (hover, selected) of SidebarNodes under folders are now full width instead of being indented.
  • Horizontally centered the "No preview content" is available (see screenshot)
  • Updated the styling in the modal (see screenshot)
    • The select elements are now size 1 to match the size of other inputs of our other dialogs.
    • Use DialogFieldLabel for the labels inside the modal and used that in other modals that weren't using it to ensure consistency across all the dialogs.

Bug fixes:

  • Fixed bug where the "No content available" badge in the topbar didn't show up because we reset the EditorFrameContext to none on dismount of Editor.tsx and the no content state doesn't render the Editor.tsx
  • Fixed bug where you could not open other Dialogs such as creating a new code component in the "No preview content" available state of content templates. This was because those dialogs got rendered as a part of Editor.tsx. Solution was to move the dialogs to PrimaryPanel.tsx.

a7bdc873

image image

Edited by Harumi Jang

Merge request reports