analogwp / analogwp-templates

Style Kits for Elementor adds a number of intuitive styling controls in the Elementor editor that allow you to apply styles globally or per page.
https://analogwp.com
27 stars 7 forks source link

Redesign Templates Library #384

Closed mauryaratan closed 4 years ago

mauryaratan commented 4 years ago

Blocks UI need to be redesigned on an independent page, for now. It'll live basically along with other Elementor trigger buttons, as of its own.

See mockup.

JohnPixle commented 4 years ago

This is still in progress, but you can see an interactive Figma design showcasing the progress here:

https://www.figma.com/proto/kOdprBRtF7VB8hzWASXRx9/SK-UI-2?node-id=5%3A1&viewport=-973%2C471%2C0.5&scaling=min-zoom

gvgvgvijayan commented 4 years ago

This is still in progress, but you can see an interactive Figma design showcasing the progress here:

https://www.figma.com/proto/kOdprBRtF7VB8hzWASXRx9/SK-UI-2?node-id=5%3A1&viewport=-973%2C471%2C0.5&scaling=min-zoom

Started and working on this new layout

gvgvgvijayan commented 4 years ago

@JohnPixle kindly share your thoughts, I completed all changes and deployed it.

gvgvgvijayan commented 4 years ago

@JohnPixle kindly share your thoughts. Completed spacing adjustments for the grids.

JohnPixle commented 4 years ago

Just to post here too, that the UI is fine so far. Apart from a minor positioning tweak that VJ is going through now, we can include it in the next release.

gvgvgvijayan commented 4 years ago

Test Case:

  1. For new change position of the dropdown control in the second row to the right of the first row in the template list, makes sure this affects only when the user clicks the "view templates" button of the template group instead of all template list which is visible when "Group by Template kit" switch is off.
  2. For new change position of the dropdown control in the second row to the right of the first row in the block list, makes sure this affects only when the user clicks the individual block group card of the block group grid instead of all block list which is visible when "Group by Block type" switch is off.
gvgvgvijayan commented 4 years ago

@JohnPixle did the changes of controls in a single row instead of two rows in template and block group list.