Пожалуйста, волшебники, мне нужна ваша помощь.
Конструктор таблиц совершенно бесполезен для мобильных устройств и планшетов, так как на них ничего нельзя сделать. Поэтому иконка редактирования таблиц должна быть скрыта. Сейчас это просто лишний шум, который только запутывает.
CSS — очевидное решение, ведь если бы существовало другое решение, его бы уже использовали, верно? Но я не понимаю, как скрыть эту ненужную иконку карандаша.
Это не идеально, но я всё же создал эту таблицу с помощью своего телефона:
| Столбец 1 | Столбец 2 | Столбец 3 | Столбец 4 |
|---|---|---|---|
| Эта таблица была создана на моём телефоне. | Это не невозможно. Двойное нажатие открывает клавиатуру. | ||
| Не уверен, как удалить лишние строки. | О! Просто отредактируйте после создания. |
Удаление столбцов требует много утомительного редактирования, поэтому я этого не делал. 
Ну, на iPad и iPhone требуются очень быстрые двойные тапы. Но всё же — редактирование любым способом намного проще в редакторе, и если/когда нужно добавить или удалить строки и т. д., это невозможно сделать в редакторе таблиц.
Наличие двух разных редакторов, когда пользователь должен выбирать, какой из них использовать в зависимости от типа необходимых изменений, — это просто плохой UX. Вот почему на небольших экранах следует перенаправлять в редактор, и самый простой способ для этого — скрыть иконку карандаша редактора таблиц.
Возможно, это первый раз, когда я против дизайна типа WYSIWYG — возможно, потому что он настолько ограничен.
Вот фрагмент CSS, который можно использовать для скрытия кнопки «Изменить таблицу» на мобильных устройствах:
.mobile-view .fullscreen-table-wrapper:hover .fullscreen-table-wrapper__buttons .btn-edit-table {
display: none;
opacity:0;
}
Спасибо большое!
Теперь я понимаю, почему мои попытки не сработали. Ну, почти понимаю. Почему opacity:0?