Need some help with css (icon is cut in grid using classic theme)

[Roberto Nicchi]

Hello,

Using the crisp theme icons are displayed in full size into the grid:

Using the classic theme icons are cut:

I'm using svg icons (TUniNativeImageList)

The css class for icon is defined like this

.deleteIcon16 {
  background-size: 16px auto;
  background-image: url("files/icone/deleteIcon.svg"); 
}
 

Is there a solution to avoid the icon is cut using the classic theme ?

thanks in advance

Roberto

[Sherzod]

Hello, 

Simple testcase? 

[Roberto Nicchi]

19 hours ago, Sherzod said:

Hello, 

Simple testcase? 

Hello @Sherzod,

 

here you are attached the testcase.

What i would like is to see in the grid the svg icon (16x16) in full size using the classic theme, now it's cut. If necessary the row height can be incrased. I'd like this is done using a general css that affects all the application.

thanks

Roberto

Project1.zip

[Sherzod]

13 minutes ago, Roberto Nicchi said:

here you are attached the testcase.

Hello, thanks.

13 minutes ago, Roberto Nicchi said:

What i would like is to see in the grid the svg icon (16x16) in full size using the classic theme, now it's cut. If necessary the row height can be incrased. I'd like this is done using a general css that affects all the application.

.deleteIcon16 {
  width: 16px;
  height: 16px;
  background-size: 16px auto;
  background-image: url("files/icone/deleteIcon.svg"); 
}

 

[Roberto Nicchi]

10 minutes ago, Sherzod said:

Hello, thanks.

.deleteIcon16 {
  width: 16px;
  height: 16px;
  background-size: 16px auto;
  background-image: url("files/icone/deleteIcon.svg"); 
}

 

Ahhhhm i was missing the width and height. Thanks a lot.

[Roberto Nicchi]

Hello @Sherzod

i'm still having problems with the TUniButtonWidget.

If the image is squared, it's rendered correctly. But if the image is rounded it's cut in the left and in the right.

See the attached example.

How to fix it ?

Thanks

apptest.zip

[Sherzod]

Hello @Roberto Nicchi

Try this:

.infoIcon16 {
  width: 16px !important;
  height: 16px;
  background-size: 16px auto;
  background-image: url("files/icone/infoIcon.svg"); 
}

 

[Roberto Nicchi]

It works

Thanks a lot.

[Abaksoft]

We will never be able to thank so much our dear friend Sherzod .

He is always available and sharpened to the smallest detail.

Many thanks Maestro.

God bless you and your Family.

[Sherzod]

20 hours ago, Abaksoft said:

We will never be able to thank so much our dear friend Sherzod .

First of all, I want to say thanks a lot to Farshad and All of You!

Thanks.