uniTreeMenu background color selected item

[mierlp]

Hi

I use the code below in the ServerModule.CustomCSS to modify my treemenu. See attachment.

File TreeMenu_default is when no actions are done
File TreeMenu_select is when i have clicked on a item and as you can see the background is lighter. 

How can I make the background of a selected item the same color as the background of the treemenu
AND that the light blue vertical stripe (left of an item) remains visible.

 

 

.treemenu .x-treelist, .treemenu .x-treelist-row{
  background-color: $00161616;
  height: 40px;  
}

.treemenu .x-treelist-row-over, .treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{
  background-color: #222831 !important;
}

.treemenu .x-treelist-item-text, .treemenu .x-treelist-item-icon, .treemenu .x-treelist-item-expander {
    color: #FFFFFF;; 
    font-size: 12px; 
    font-family: Roboto;
    vertical-align: middle;       
}

.treemenu .x-treelist-item-wrap {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

 

[Sherzod]

10 hours ago, mierlp said:

.treemenu .x-treelist, .treemenu .x-treelist-row{   background-color: $00161616;   height: 40px;   } .treemenu .x-treelist-row-over, .treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{   background-color: #222831 !important; } .treemenu .x-treelist-item-text, .treemenu .x-treelist-item-icon, .treemenu .x-treelist-item-expander {     color: #FFFFFF;;      font-size: 12px;      font-family: Roboto;     vertical-align: middle;        } .treemenu .x-treelist-item-wrap {     position: absolute;     top: 50%;     -ms-transform: translateY(-50%);     transform: translateY(-50%); }

Hello,

It seems these CSS rules does not work. Can you make a simple testcase to check?