Layout drop down and checkbox display adjustment plus small adjustment for empty section

[akramsarkis]

• [x] Move the icons to export, import, delete and access the settings to the first line and aligned with the sentence "Your changed will be published when the page is saved"

• [x] Add a button to the left of the "Add a new section" button, that label is "Edit layout" ( Editer le layout )
• [x] When you click on the button to edit the layout, the layout drop down list and the highlight region option will show and the other buttons will swipe to the right
• [x] Replace Highlight regions label by Highlight ( Surligner)
• [x] Replace the highlight checkbox by a toggl that has the blue color like the buttons when it is activated else it is gray
• [x] In french the Create a new type of sections is overriding the add new section so make sure to fix it

• [x] When a section is empty like empty wyzywig it is showing with {}, like the picture below, we must not see this, it should be empty

• [x] When I am in french the empty and not empty section like wyzywig is not showing correctly, the empty should not show anything and the filled in should only show the content, not like below:

Acceptance testing

• [x] Move the icons to export, import, delete and access the settings to the first line and aligned with the sentence "Your changed will be published when the page is saved"
• [x] Add a button to the left of the "Add a new section" button, that label is "Edit layout" ( Editer le layout )
• [x] When you click on the button to edit the layout, the layout drop down list and the highlight region option will show and the other buttons will swipe to the right
• [x] Replace Highlight regions label by Highlight ( Surligner)
• [x] Replace the highlight checkbox by a toggl that has the blue color like the buttons when it is activated, else it is gray
• [x] In french the Create a new type of sections is overriding the add new section so make sure to fix it
• [x] When a section is empty like empty wyzywig it is showing with {}, like the picture below, we must not see this, it should be empty
• [x] When I am in french the empty and not empty section like wyzywig is not showing correctly, the empty should not show anything and the filled in should only show the content

[mahfouzhseineweev]

@akramsarkis

When you click on the button to edit the layout, the layout drop down list and the highlight region option will show and the other buttons will swipe to the right

• The layout drop down and the highlight region option will be still to the of the Restore button, correct ?

• What do you mean exactly by other buttons will swipe to the right

• The layouts drop down and the highlight region option will be hidden by default and they will show after pressing the edit layout button. However what happens after ? I mean re-clicking in the edit layout again will make the drop down and the highlight option disappear ?

[akramsarkis]

@akramsarkis

When you click on the button to edit the layout, the layout drop down list and the highlight region option will show and the other buttons will swipe to the right

• The layout drop down and the highlight region option will be still to the of the Restore button, correct ?
• What do you mean exactly by other buttons will swipe to the right
• The layouts drop down and the highlight region option will be hidden by default and they will show after pressing the edit layout button. However what happens after ? I mean re-clicking in the edit layout again will make the drop down and the highlight option disappear ?

@mahfouzhseineweev

• No it should show before the add new section
• well as the layout and toggl will show before add new section, the rest of the buttons must swipe to the right
• Good question, well once you click on it select a layout then save the page , it should be hidden. And if you don't save the page , when you click on it, it should as well hide the layout options, so after clicking on it lets have the label be "Hide layout options" " Cacher les options du layout"

[akramsarkis]

@mahfouzhseineweev , there is one more point to fix that is the Restore option, if I saved the page with layout 2 for example and then I move to standard without saving and I click on restore it should restore me the layout 2 that was saved last thing

[akramsarkis]

Hello @mahfouzhseineweev , I have one feedback, when I add an empty section, let's have the option of the section showing completely, nos they are truncated

[akramsarkis]

Hello @hussein661 ,

If I add one empty it is fine , but if I add several the one before the last one are truncated as well

[mahfouzhseineweev]

Hello @akramsarkis ,

That last reported problem is completely normal, adding multiple empty sections that has zero height will result to the above and the user can safely delete the empty section by pressing on the icon that will always show after the last update. I am quite sure the user will not need empty sections in his page.

A solution for this would be to give the section view a predefined height which is not optimal given that the section should have the height of its content, let me know what you think.

[akramsarkis]

Hello @akramsarkis ,

That last reported problem is completely normal, adding multiple empty sections that has zero height will result to the above and the user can safely delete the empty section by pressing on the icon that will always show after the last update. I am quite sure the user will not need empty sections in his page.

A solution for this would be to give the section view a predefined height which is not optimal given that the section should have the height of its content, let me know what you think.

Hello @jfayad ,

Please to check the comment above . Can we keep it as the picture below ? Indeed this is not a regular case, it should not happen in the real life to add several empty sections, and the user can still access the options even though they are not showing totally. Please to let us know:

[jfayad]

Indeed, this is quite an usual situation and doesn't need to be tackled urgently.

[akramsarkis]

Indeed, this is quite an usual situation and doesn't need to be tackled urgently.

Ok, i will open then separate issue for it and close this one

[akramsarkis]

Here the issue : https://github.com/Geeks-Solutions/vue-sections/issues/122