Rails上的Trix编辑器：文本在Heroku上的框外流动（不是localhost）

Question

我刚刚在我的rails应用程序中实现了Trix编辑器，它在localhost上完美运行，但在Heroku上拉这个丑陋的业务：

我只能想象这与资产管道有关，所以基础是我安装了宝石（gem 'Trix'）并且做了bundle install，我在我的//= require trix和application.js中添加了*= require trix。我将资产推送到Heroku时进行预编译。

这是整个application.css.scss结构：

application.css.scss

除了这些基础知识，任何人都可以找出我缺少哪些步骤来让Heroku上出现样式？

Answer 1

有一种风格被应用于一个类

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

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

，它在.form-control的那个盒子上设置高度。这就是为什么它不会与文本一起成长

当我删除框得到的高度属性时，框再次展开文本。这可能有点难以找到并修复我的结束，但它位于一个块中的文件34px文件中，其中包含相同的样式，可能不是第5行，可能是稍后的行，但取决于文件大小，再次搜索application.css或height: 34px或者其他东西，然后寻找像这里的图像那样的样式块并删除该行（现在请记住，如果这条线被用作其他地方的样式那么会破坏）。

34px

这应该解决问题。

如果您不熟悉使用chrome（或任何浏览器）开发工具，我建议您找到任何参考资料并熟悉使用它们，它们非常适合调试此类事物。