extjs - Ext JS 分离器颜色 (SASS, 4.2.2)

Question

尝试了几乎所有东西后，我不知如何使用 SASS for Ext JS 4.2.2 更改分隔条的颜色 - 它们总是显示为白条。

假设我有一个带有两个 flex 项和一个拆分器的 hbox 或 vbox 布局，由拆分器创建的允许组件按比例调整大小的栏始终是白色的-无论如何这可以通过 SASS 配置进行更改吗？

非常感谢！

Answer 1

/resources/themes/stylesheets/ext4/default/util/_splitter.scss表示它不使用变量

@mixin extjs-splitter {
    .#{$prefix}splitter {
        .#{$prefix}collapse-el {
            position: absolute;

            cursor: pointer;

            background-color: transparent;
            background-repeat: no-repeat !important;
        }
    }
}

您必须在 CSS 中覆盖它，或者创建自己的主题。

CSS

.x-splitter-vertical {
    background-color: #abc;
}