Jump to content

UniTreeMenu font size


araujoadanr

Recommended Posts

Maybe like this?:

._treemenu .x-treelist, ._treemenu .x-treelist-row{
  background-color: green;
}

._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{
  background-color: #295C29;
}

._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander {
  color: black;
  font-size: 14px;
}
Link to comment
Share on other sites

  • 2 weeks later...
  • 2 weeks later...
  • 3 months later...
  • 1 month later...

By crawling through the uniGUI sources I found another nice one for me:

.x-treelist-nav .x-treelist-item-selected>.x-treelist-row:before {
    background-color: #c0d4ed
}

For own experiments i recommend a closer look into the file "theme-classic-all_1.css".

Link to comment
Share on other sites

On 6/15/2018 at 2:03 PM, zanona said:
If the menu is micro active the css color is not respected!

Try this:

.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
    color: green;
    background-color: red;
}

 

 

 

 

 

 

 

 

 

Link to comment
Share on other sites

  • 5 months later...
  • 2 weeks later...
I would like to know how to change the color and background of the selected row.

For defualt the color of semlected row is white and therefore if I change the background color

._treemenu .x-treelist, ._treemenu .x-treelist-row{
  background-color: white;
}

I can't see the selected row again

i tried

._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{
  background-color: red;
}

but with UNIGUI v.1.90.0.1498 and Delphi Rio it  has no effect

 

 

Link to comment
Share on other sites

Thanks. It Works.

 

 

There is only one problem. If I click on an item and then move to another item, I find myself with 2 items selected as shown

image.png.8814bbc651f59f9536eb6ab26764cedf.png

 

with

_treemenu .x-treelist, ._treemenu .x-treelist-row{
  background-color: white;
}

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

._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander {
  color: #286090;
  font-size: 14px;
}
 

 

it becomes so

image.png.122a57df9749148ca99a70831f325bb0.png

 

 

image.png

Link to comment
Share on other sites

  • 2 years later...
On 5/31/2018 at 8:38 PM, Sherzod said:

Maybe like this?:


._treemenu .x-treelist, ._treemenu .x-treelist-row{
  background-color: green;
}

._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{
  background-color: #295C29;
}

._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander {
  color: black;
  font-size: 14px;
}

Hi.

This works, but not when Micro = true.

Is possible?

Thanks.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...