How do I change the splitter height/width to make it narrower? I updated dhtmlxlayout.css for the selected skin but that didn’t seem to change the size (from 5px to 2px).
/* hor-based splitter */
table.dhtmlxLayoutPolyContainer_dhx_black td.dhtmlxLayoutPolySplitterHor {
font-size: 1px;
height: 2px; /* 5px; */
line-height: 2px; /* 5px; */
cursor: n-resize;
-moz-user-select: none;
background-color: #000000;
background-image: url("../imgs/dhxlayout_dhx_black/dhxlayout_drag_hor.gif") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
vertical-align: top;
}
/* hor-based splitter inactive */
table.dhtmlxLayoutPolyContainer_dhx_black td.dhtmlxLayoutPolySplitterHorInactive {
font-size: 1px;
height: 2px; /* 5px; */
line-height: 2px; /* 5px; */
cursor: default;
-moz-user-select: none;
background-color: #000000;
vertical-align: top;
}
/* ver-based splitter */
table.dhtmlxLayoutPolyContainer_dhx_black td.dhtmlxLayoutPolySplitterVer {
font-size: 2px;
width: 2px; /* 5px; */
cursor: w-resize;
-moz-user-select: none;
background-color: #000000;
background-image: url("../imgs/dhxlayout_dhx_black/dhxlayout_drag_ver.gif") !important;
background-repeat: no-repeat !important;
background-position: 50% center !important;
vertical-align: top;
}
/* ver-based splitter inactive */
table.dhtmlxLayoutPolyContainer_dhx_black td.dhtmlxLayoutPolySplitterVerInactive {
font-size: 2px;
width: 2px; /* 5px; */
cursor: default;
-moz-user-select: none;
background-color: #000000;
vertical-align: top;
}