Кто-нибудь знает, как изменить размер шрифта в окне редактирования, используя gem best_in_place?

Question

Поэтому я использую гем best_in_place для редактирования своей формы на странице. У меня цена вроде: 1234 $. когда я нажимаю на цену, чтобы изменить ее, шрифт становится очень маленьким по сравнению со шрифтом, который я использую в форме, и выглядит странно. Я бы хотел, чтобы они были такими же.

Вот мой код от веб-инспектора: 2345.0

изменение шрифта класса или идентификатора просто меняет размер перед редактированием. как только вы нажмете текст, он снова сжимается. Я думаю, мне действительно нужно знать, как выбрать поле на странице, когда я нажму, чтобы редактировать.

Answer 1

Вы можете добавить класс к самому полю ввода, так что класс будет применяться только к вводу, а не к метке, используя:

<%= best_in_place @your_variable, :name, { :inner_class: => "your_class" } %>

Тогда CSS это простой

.your_class { font-size: 14px; }

Answer 2

Идея состоит в том, чтобы добавить класс к диапазону, который генерирует хелпер best_in_place, а затем применить стиль к входу, вложенному в него.

Сначала добавьте класс в поле best_in_place:
<%= best_in_place @your_variable, :name, { :classes => "input_field" } %>

(Я работаю с best_in_place 2.1.0, для более старой версии вы должны зависеть от идентификатора поля, который кажется уникальным)

Затем примените стилизацию к входному дочернему элементу класса в вашем CSS:

.input_field input { font-size: 12px; }