Perspective Table Filter Styling

Just out of curiosity, has there been any reports of issues with applying a right margin to the table filter or any fixes since 8.1.41?(version I am developing in)

I can apply padding and margin in all other directions, just not on the right. I also tested this in Chrome dev tools as well FWIW.

Thanks!

What if you !important it?
marginRight: 5px !important
Although the inline formatting should have precedence over any theming styles that are setting it, without using important..

Just tried that out, that didn't seem to work. I even tried applying margin-right px !important in the theme files inside the browser as well to no avail. Honestly it is probably ok, I just don't like the empty space on the right side of the filter lol.

I also noticed it doesn't work with the rows styling either, I found a topic mentioning setting virtualized to False and that solved the other persons problem but that didn't seem to help here.

h

which part are you trying to get rid of? that results part is in its own div.

You can make the whole results part collapse with:

.table-container .tableFilter .filterResults {
    flex: 0 0 auto !important;
    margin-right: 5px !important;
}

It would be the portion to the right of or the results portion itself. The green portion basically.

image

I edited that CSS selector in my browser as well in the same format you have with no change. But it appears it works for you..... What version are you in?

It shouldn't matter the version unless the component structure is wildly different, but i'm in 8.1.20.

This is where I changed it

I noticed the margin-right was still being applied when the results width was 0... not sure how to fix that without applying a padding to the div containing both components, however that would mean having to change the padding of the filter table component as well to account for the parent div padding...

Ok, that is good to know. I am going to look into a little closer tomorrow since my rows have the same issue and I am thinking I have a style overriding somthing that I can't find. Thanks for the help, I'll let you know what I find!

Thanks for the help.

What I found was that I had to set the width style property on the filter to auto to get the behavior I was wanting.

The rows on the otherhand I had to apply the width: auto !important in the stylesheet to allow adding margin to the right without cutting information off on the right side, since the theme file was setting the width of the rows to 100%

Row group styling

.t .tr-group {
    width: auto !important;
}

Just adding the code and images for people to reference later.