트릭스 편집기 : 텍스트 Heroku가 (로컬 호스트되지 않음)에 바깥 박스 흐름

Question

나는 내 레일 응용 프로그램에서 바로 구현 트릭스 편집기가 localhost에 완벽하게 작동하지만 Heroku가에 추한 사업을 당기고 :

이것은 자산 파이프 라인과 관련이 있다는 것을 상상할 수 있습니다. 따라서 기본 사항은 을 입력하고 //= require trix을 application.js에, *= require trix을 application.css.scss에 추가했습니다. Heroku에 물건을 밀어 넣을 때 미리 컴파일됩니다. 이러한 기본 이상의

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

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

기타, 사람이 내가 Heroku가에 나타날 수있는 스타일을 얻을 누락 어떤 단계 알아낼 수 :

여기에 전체 application.css.scss 구조인가?

Answer 1

에 해당 상자의 높이를 설정하는 클래스 .form-control에 적용되는 스타일이 있습니다. 그래서 텍스트와 함께 성장하지 않습니다.

상자가 가져 오는 높이 속성을 제거하면 상자가 텍스트 주위로 다시 펼쳐집니다. 이것은 일종의 찾기 어렵고 내 끝에서 해결할 수 있지만이 파일은이 스타일이 같은 블럭 안의 파일 application.css에 있습니다.이 줄은 아마도 5 줄이 아니라 아마 다음 줄이지만 파일 크기에 따라 다릅니다. height: 34px 또는 34px을 다시 검색하여 이미지의 스타일과 같은 스타일 블록을 찾아 해당 행을 삭제하십시오 (이 줄이 다른 곳의 스타일로 사용되면 중단 될 수 있음을 기억하십시오). 문제를 해결해야

.

크롬 (또는 다른 브라우저) 개발 도구를 사용하는 데 익숙하지 않은 경우 참조를 찾고 사용하기가 편리 할 것이므로 이런 유형의 디버깅에 적합합니다.