Por favor, magos, preciso de alguma orientação.
O Table builder é totalmente inútil para celulares e tablets, pois não se pode fazer nada. É por isso que o ícone de edição de tabelas deve ser ocultado. Agora é apenas ruído que confunde.
CSS é uma ferramenta óbvia, pois se houvesse outra solução, ela seria usada, certo? Mas eu não tenho a menor ideia de como ocultar esse ícone de lápis desnecessário.
Não é o ideal, mas criei esta tabela usando meu celular:
| Coluna 1 | Coluna 2 | Coluna 3 | Coluna 4 |
|---|---|---|---|
| Esta tabela foi criada no meu celular. | Não é impossível. Tocar duas vezes abre o teclado. | ||
| Não sei como remover linhas extras. | Ah! Basta editar depois de criar. |
Remover as colunas é uma edição muito tediosa, então não o fiz. 
Bem, no iPad e no iPhone, são necessários toques duplos muito rápidos. Mas ainda assim — editar de qualquer forma é muito mais fácil no editor e, se/quando houver necessidade de adicionar ou excluir linhas etc., isso não pode ser feito no editor de tabela.
Ter dois editores diferentes e um usuário que deve escolher qual usar dependendo de quais edições são necessárias é apenas uma má experiência do usuário (UX). É por isso que telas menores devem redirecionar para o editor e, para isso, a maneira mais fácil é ocultar o ícone de lápis do editor de tabela.
Esta é provavelmente a primeira vez que sou contra o design do tipo “o que você vê é o que você obtém” — talvez porque seja tão limitado.
Aqui está um trecho de CSS que você pode usar para ocultar o botão Editar Tabela em dispositivos móveis:
.mobile-view .fullscreen-table-wrapper:hover .fullscreen-table-wrapper__buttons .btn-edit-table {
display: none;
opacity:0;
}
Muito obrigado!
E agora eu entendo por que minhas tentativas não funcionaram. Bem, eu quase entendo. Por que opacity:0?
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.