Ситуация: есть N находящихся друг под другом элементов input, в которых выводится определенный текст. К каждому элементу есть несколько кнопок справа. В элементах выводится текст, который иногда не влезает в размеры, отведенные для этих input'ов.
Задача: изменить верстку так, чтобы она продолжала удовлетворять следующим требованиям:
- Текст должен выводиться целиком. Его максимальная длина не радикальна, но может составлять несколько сотен символов. Это может быть ссылка или длинное название товара, к примеру.
- К тексту должны быть адекватно приверстаны несколько кнопок, к каждому из полей.
- По высоте все поля вывода вместе с привязанными к ним кнопками должна занимать минимум места.
- Текст должно быть удобно копировать как вручную, так и с помощью js-скрипта (один из них висит на тех кнопках сейчас как раз).
- Текст доступен только для просмотра, поля информационные, не для ввода.
- К каждому полю должна быть подпись.
- На каждую подпись может быть несколько полей, то есть например та же ссылка на товар может быть не одна.
- Руками изменять размер полей пользователю не нужно.
- Bootstrap 3.
- Admin LTE.
Средний
Средний
