Показать сообщение отдельно
  #1 (permalink)  
Старый 31.12.2020, 05:56
Кандидат Javascript-наук
Отправить личное сообщение для Was-Ja Посмотреть профиль Найти все сообщения от Was-Ja
 
Регистрация: 20.09.2020
Сообщений: 130

Какой дизайн выбрать для кнопки на три состояния?
Добрый день,

хочу сделать блок маленьких кнопок, в каждой несколько букв (обычно это названия функциональных групп молекул, например, COOH, HN3, CH3) мне нужно три состояния такой кнопки:

1. функциональная группа присутствует,
2. функциональная группа точно отсутствует,
3. не важно.

Всего таких кнопок планируется где-то 80, может в будущем будет больше, около 120.

Один из вариантов, окрашивать background-color в 1. зеленый, 2. красный, 3 белый цвет, но как-то пестро получается.

Возможно есть что-то красивее, например, галочку в правом левом углу ставить.

Еще как вариант, играть шрифтом
1. жирный,
2. перечеркнутый,
3. обычный.

Посоветуйте, пожалуйста, что было бы правильнее и логичнее, и как логичнее переключать эти состояния. Я планировал переключать все состояния одним щелчком по кругу 1-2-3-0, но может правильнее

1-3. переключается одинарным щелчком,
1-2. переключается двойным щелчком.

Спасибо!
Ответить с цитированием