Por favor, magos, necesito alguna orientación.
El creador de tablas es totalmente inútil para móviles y tabletas, porque no pueden hacer nada. Por eso, el icono de edición de las tablas debería ocultarse. Ahora es solo ruido que confunde.
CSS es una herramienta obvia, porque si hubiera otra solución se usaría, ¿verdad? Pero no tengo ni idea de cómo ocultar ese icono de lápiz innecesario.
No es lo ideal, pero creé esta tabla usando mi teléfono:
| Columna 1 | Columna 2 | Columna 3 | Columna 4 |
|---|---|---|---|
| Esta tabla se creó en mi teléfono. | No es imposible. Doble toque abre el teclado. | ||
| No estoy seguro de cómo eliminar filas adicionales. | ¡Oh! Simplemente edita después de crearla. |
Eliminar las columnas es una edición muy tediosa, así que no lo hice. 
Bueno, en iPad y iPhone se necesitan toques dobles muy rápidos. Pero aun así, editar de cualquier manera es mucho más fácil en el editor y si/cuando es necesario agregar o eliminar filas, etc., no se puede hacer en el editor de tablas.
Tener dos editores diferentes y que un usuario deba elegir cuál usar según el tipo de edición que necesite es simplemente una mala experiencia de usuario. Es por eso que las pantallas más pequeñas deberían redirigir al editor y, para ello, la forma más fácil es ocultar el icono del lápiz del editor de tablas.
Esta es probablemente la primera vez que estoy en contra del diseño tipo wysiwyg, quizás porque está muy limitado.
Aquí tienes un fragmento de CSS que podrías usar para ocultar el botón “Editar tabla” en dispositivos móviles:
.mobile-view .fullscreen-table-wrapper:hover .fullscreen-table-wrapper__buttons .btn-edit-table {
display: none;
opacity:0;
}
¡Muchas gracias!
Y ahora entiendo por qué mis intentos no funcionaron. Bueno, casi entiendo. ¿Por qué opacity:0?
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.