Problema com o botão "Salvar" de CSS personalizado em telas menores

Esta é a visualização em uma tela de 13 polegadas, no modo Completo/Expandido (esta é a parte inferior da minha janela):

Quando “Mostrar Avançado” é selecionado, nem mesmo isso:
image

3 curtidas

Consigo reproduzir em minha tela de 2560x1440 16/9, onde o botão fica fora da janela:

1 curtida

E você nem tem o “Mostrar avançado” selecionado… estranho.
Pelo menos sabemos que não é um problema de tamanho de tela.
E temos o modo compacto, então está tudo bem, eu acho. Ele nos permite trabalhar. Seria pior :wink:

1 curtida

Este problema existe há muito tempo. Tinha certeza que já tinha sido reportado, mas não consegui encontrar. Talvez eu esteja confundindo com outra coisa. hmm.

1 curtida

Contanto que tenhamos a versão compacta para trabalhar, não é tão ruim.

1 curtida

Estou priorizando que alguém dê uma olhada nas próximas semanas, mas se alguém quiser tentar algumas correções de CSS aqui em um PR, fique à vontade.

Aqui está um PR:

4 curtidas

Obrigado! mesclado

3 curtidas

Desculpe se isto for óbvio… como atualizamos isto? Já está disponível? Se sim, é apenas uma atualização normal na página /admin/update?

1 curtida

Sim, quando um PR é mesclado, ele fica disponível por meio de uma atualização normal.

2 curtidas

Tive outro problema.
Tenho este componente de CSS personalizado e cometi um erro no código e, quando salvei, apareceu a caixa de erro:

Isso empurrou tudo para baixo e não consegui salvar as novas alterações (a versão corrigida). Pensei que poderia apenas diminuir o zoom para mostrar o botão, mas a caixa de código continuou ajustando a altura.

A única maneira que consegui salvar as novas alterações foi usando o Inspetor do navegador, definindo a caixa de aviso como display:none; e então pude ver o botão Salvar novamente.

E enquanto estou aqui, 2 sugestões:
1 - Não seria possível usar este espaço extra na parte inferior quando em visualização compacta? A caixinha é realmente… pequena.

2 - Eu sempre gosto de editar o código em visualização expandida. Seria ótimo se pudéssemos definir o padrão para isso, para evitar ter que expandi-lo toda vez que o abrirmos.

1 curtida

Você não consegue rolar para baixo? No meu local, eu consigo. :pensando:

Não. A caixa com o código está tocando o fundo da tela e, mesmo quando diminuo o zoom do navegador, a caixa continua ajustando sua altura.
Tenho uma tela de 13", mas não acho que esse seja o problema… Talvez a caixa e o botão precisem estar dentro de um contêiner (se já não estiverem) para que, mesmo que as mensagens de erro a empurrem para baixo, o que toca o fundo da tela seja o botão, não a caixa.

1 curtida

Entendi o que você quer dizer!
Como você está em tela cheia, a página não pode ser rolada por padrão.

Adicionar overflow: auto; ao contêiner pode corrigir essa situação, e você pode rolar para baixo usando a área acima do editor.

Dito isso, acho que deveríamos sempre ver o botão de salvar. Seria uma experiência melhor para o administrador. Tentarei descobrir uma abordagem melhor.

1 curtida

Espero que você consiga chegar à solução.

1 curtida

Acabei de mesclar algumas atualizações que devem tornar isso mais adaptável ao espaço de tela disponível, independentemente de quaisquer banners ou erros

4 curtidas