Enlarge a uniTreeMenu item AND align vertical

[mierlp]

I have uniTreeMenu.NavUI= false

I have created a customccs

.treemenu .x-treelist, .treemenu .x-treelist-row{
  background-color: #313A46;
  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 Medium;
    vertical-align: middle;       
}
 

The vertical-align doesn't work

[mierlp]

some suggestions if it's possible

[Sherzod]

35 minutes ago, mierlp said:

some suggestions if it's possible

Hello,

Can you please attach a testcase?

[mierlp]

@sherzod

See test case. The menuitems from the uniTreeMenu are expand with css code (sermodule).

As you can see the menu items are aligned to the top instead of middle

testcase.zip

[mierlp]

@sherzod

Any progress ?

[Sherzod]

35 minutes ago, mierlp said:

Any progress ?

Hi,

Sorry for the late response.

TUniFSiGrowl...

Can you make a simple testcase using standard components? 

[mierlp]

@sherzod

See new attachement

 

 

testcase unitree.zip

[Sherzod]

I will check. 

[Sherzod]

11 hours ago, mierlp said:

See new attachement

testcase unitree.zip

Hi,

Add this to CustomCSS and check it please.

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

  

[mierlp]

 THANKS Sherzod...that works like a charm