How to override .mat-grid-tile css

user_11834561 0
Viewed 1311

I have popover inside mat-grid-tile and its not being opened because of overflow:hidden.To override it,I added a css class and changed the attribute as overflow:unset and that works fine.But problem is that when page is getting reloaded,this unset is being override by .mat-grid-tile css class and I don't know why this happens.I have to override it as you can see on my images.How can I do that?

A demonstration of my app on stackblitz:(Here this problem never occurs,I shared this to show you my layout design)

https://stackblitz.com/edit/angular-nsqsbi-z5dyus?file=app/grid-list-overview-example.html

When page refreshed

enter image description here

After I changed it manually in the console(it look like this whether page refresh or not)

enter image description here

angular-material angular css
1 Answers

Adding !important should fix your problem so use

.o-unset{
overflow: unset !important;
}

instead of

 .o-unset{
overflow: unset;
}
user_56218270
Related