Customizar UI do Netlify CMS para page builder (2)

[leomp12]

Fine-tuning após https://github.com/ecomplus/storefront-cms/issues/2

• [x] Acredito que a coluna de edição (quando há preview) pode ser ainda menor (talvez aqui seja só uma opinião);

• [x] O adicionar para List Widget: Variable Types deveria abir um dropdown com as opções em grid (ou pelo menos uma lista com largura maior), idealmente cada opção também deve poder ter um ícone:

como está atualmente:

ideal:

• [x] Ainda temos muitas bordas aninhadas e espaço em branco no topo quando editamos uma seção, conseguimos deixar isso mais próximo do que ocorre no TinaCMS?

atual:

ideal sem tantas bordas estranhas e espaço inutilizado, a única referência ao elemento parente é o header com o título e a seta para voltar a editá-lo:

[oscargross]

PR https://github.com/ecomplus/storefront-cms/pull/15

Ajustes de espaçamentos, adição de icones no dropdown, bug do botão back para listas e listas inside outras

https://user-images.githubusercontent.com/55117353/148385885-786e105e-857e-4c4e-9b3b-7dd539efd259.mp4

Uploading Netlify CMS Development Test - Google Chrome 2022-01-06 09-54-56.mp4…

[oscargross]

https://user-images.githubusercontent.com/55117353/148386372-d7af154b-3030-4ef1-bb38-355eae8be3bc.mp4

[leomp12]

@oscargross nos vídeos eu vi campos com rich text editor e a toolbar ficou muito muito estranha quebrando todos os botões em várias linhas, não? Talvez a coluna tenha que ficar um pouco mais larga mesmo pra ficar no máximo assim a toolbar:

Ou removemos essa opção "markdown" abrindo mais espaço horizontal na toolbar pros botões...

[leomp12]

Ou removemos essa opção "markdown" abrindo mais espaço horizontal na toolbar pros botões...

Acho que essa opção é boa até.

[oscargross]

@leomp12 No ultimo ajuste ficou assim:

[leomp12]

@oscargross boa!