CSS of input widget in table record widget

Hi 

How to make the css of input widget totally take place in the table record cell like this in customized theme?

The process of above photo is totally worked in the base theme, but when  i changed the theme it happen like this.There is a little space between the input widget and the table record cell.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~The other information,~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

>Outsystems version11.

>table record widget with "Editable" style classes.

>I put this in the Css , it does not work yet .

input, textarea.input, .select {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-5);
    color: var(--color-neutral-9);
    font-size: var(--font-size-s);
    transition: all 180ms linear;
}

>


 >


Thank you in ahead,

EI

EiMon WinAung wrote:

Hi 

How to make the css of input widget totally take place in the table record cell like this in customized theme?

The process of above photo is totally worked in the base theme, but when  i changed the theme it happen like this.There is a little space between the input widget and the table record cell.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~The other information,~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

>Outsystems version11.

>table record widget with "Editable" style classes.

>I put this in the Css , it does not work yet .

input, textarea.input, .select {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-5);
    color: var(--color-neutral-9);
    font-size: var(--font-size-s);
    transition: all 180ms linear;
}

>


 >


Thank you in ahead,

EI

Hi EiMon,

Can you please share your sample OML file, i will look into it.

Thanks,

Amit


Hi EiMon,

At first glance the issue seems to be caused by margins or padding. 

Could you provide an oml?

Kind regards,
Glenn