Saya baru saja mengimplementasikan editor Trix di aplikasi Rails saya dan itu berfungsi dengan baik di localhost tetapi menarik bisnis jelek ini di Heroku:

enter image description here

Saya hanya bisa membayangkan ini berkaitan dengan pipa aset, jadi dasarnya adalah saya menginstal permata (gem 'Trix') dan melakukan bundle install, saya menambahkan //= require trix di application.js dan *= require trix di application.css.scss saya. Aset saya dikompilasi sebelumnya saat mendorong sesuatu ke Heroku.

Inilah seluruh struktur application.css.scss:

*= require magnific-popup
 *= require trix
 *= require_tree .
 *= require_self
 */

@import "bootstrap-sprockets";
@import "bootstrap";
@import 'ionicons';

Selain dasar-dasar ini, adakah yang bisa mengetahui langkah apa yang saya lewatkan untuk membuat gaya muncul di Heroku?

1
Liz 17 Desember 2017, 00:43

1 menjawab

Jawaban Terbaik

Ada gaya yang diterapkan ke kelas .form-control yang mengatur ketinggian pada kotak itu di 34px. Itulah mengapa itu tidak tumbuh dengan teks

Ketika saya menghapus properti ketinggian yang didapat kotak itu, maka kotak itu meluas di sekitar teks lagi. Ini bisa agak sulit ditemukan dan diperbaiki dari pihak saya tetapi terletak di file application.css file di dalam blok dengan gaya yang sama dengan yang dikelilingi oleh ini, mungkin bukan baris 5, mungkin baris selanjutnya tetapi tergantung pada ukuran file, cari height: 34px atau hanya 34px lagi atau sesuatu dan cari blok gaya seperti yang ada di gambar di sini dan hapus baris itu (sekarang perlu diingat jika baris ini digunakan sebagai gaya di tempat lain maka itu akan pecah).

enter image description here

Itu harus memperbaiki masalah.

Jika Anda tidak terbiasa menggunakan alat dev chrome (atau browser apa pun), saya akan merekomendasikan menemukan referensi apa pun dan merasa nyaman menggunakannya, mereka sempurna untuk men-debug hal semacam ini.

2
Rockwell Rice 18 Desember 2017, 02:21