Ext JS Splitter Color (SASS, 4.2.2)

0
votes

Having tried just about everything Im at a loss how to change the color of splitter bars using SASS for Ext JS 4.2.2 - they always appear as a white bar.

Say I have a hbox or vbox layout with two flex items and a splitter, the bar created by the splitter to allow the components to be resized proportionately to one another is always white- is there anyway this can be changed through a SASS config?

Many thanks!

1
extjssassextjs4.2
Please show what you've tried - Juan Mendes
Does Ext have any sass variable to style splitter backgrounds? - SW4

1 Answers

2
votes

/resources/themes/stylesheets/ext4/default/util/_splitter.scss indicates that it doesn't use a variable

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

            cursor: pointer;

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

You'll have to override it in CSS, or create your own theme.

CSS

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