Masquer l'icône de modification du constructeur de table pour tablettes et mobiles ?

S’il vous plaît, sorciers, j’ai besoin de quelques conseils.

Le constructeur de tableaux est totalement inutile pour les mobiles et les tablettes, car ils ne peuvent rien faire. C’est pourquoi l’icône d’édition des tableaux devrait être masquée. Maintenant, ce n’est que du bruit qui ne fait que confondre.

CSS est un outil évident, car s’il y avait une autre solution, elle serait utilisée, n’est-ce pas ? Mais je n’ai aucune idée de comment masquer cette icône de crayon inutile.

Ce n’est pas idéal, mais j’ai créé ce tableau sur mon téléphone :

Colonne 1 Colonne 2 Colonne 3 Colonne 4
Ce tableau a été construit sur mon téléphone. Ce n’est pas impossible. Un double tapotement ouvre le clavier.
Je ne sais pas comment supprimer les lignes supplémentaires. Oh ! Il suffit de modifier après la création.

La suppression des colonnes demande beaucoup d’édition fastidieuse, donc je ne l’ai pas fait. :wink:

Eh bien, sur iPad et iPhone, cela nécessite des doubles clics très rapides. Mais quand même, l’édition de quelque manière que ce soit est beaucoup plus facile dans le compositeur et si/quand il est nécessaire d’ajouter ou de supprimer des lignes, etc., cela ne peut pas être fait dans l’éditeur de tableau.

Avoir deux éditeurs différents et un utilisateur doit choisir lequel utiliser en fonction du type d’édition nécessaire n’est tout simplement pas une bonne expérience utilisateur. C’est pourquoi les écrans plus petits devraient être redirigés vers le compositeur et pour cela, le moyen le plus simple est de masquer l’icône crayon de l’éditeur de tableau.

C’est probablement la toute première fois que je suis contre la conception de type wysiwyg, peut-être parce qu’elle est si mutilée.

Voici un extrait CSS que vous pourriez utiliser pour masquer le bouton « Modifier le tableau » sur mobile :

.mobile-view .fullscreen-table-wrapper:hover .fullscreen-table-wrapper__buttons .btn-edit-table {
  display: none;
  opacity:0;
}
3 « J'aime »

Merci beaucoup !
Et maintenant je comprends pourquoi mes tentatives n’ont pas fonctionné. Enfin, je comprends presque. Pourquoi opacity:0 ?

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.