Bump Effect during tab Switch

djibe / material

Material Design 2 for Bootstrap 4 (active fork of Daemonite Material)

https://djibe.github.io/material/

MIT License

68 stars 11 forks source link

Bump Effect during tab Switch #28

Closed gaurav2103 closed 3 years ago

gaurav2103 commented 3 years ago

During tab switch when the background is dark why the bump effect takes place it's adding a bad feel to UI, it feels like the icon is loading while only the color is changing.

Is there any way of tackling this?

djibe commented 3 years ago

Hi,

I'm testing the demo and I'm not sure of understanding your problem.

Sorry for that. Can you be more precise ?

gaurav2103 commented 3 years ago

Hi,

I'm testing the demo and I'm not sure of understanding your problem.

Sorry for that. Can you be more precise ?

gaurav2103 commented 3 years ago

@djibe i have changed the primary color to teal in material.min.css and on active nav to yellow now when i switch the tab it appears to be flicker because of the change of color. The Same you can see in the above screenshot example.

gaurav2103 commented 3 years ago

@djibe if u will go to the mentioned example just switch the tab and watch carefully the tab icon appears to flicker because of change of color can we avoid it somehow?

djibe commented 3 years ago

Hi, have you a gif or video ?

Did you recompile whole SASS with your new theme colors ?

gaurav2103 commented 3 years ago

https://codepen.io/shukla2103/pen/OJNqyeE?editors=1010

please refer the penned code while i switch tab the icon appears to blink

gaurav2103 commented 3 years ago

@djibe when i click on different tab it changes to blue then white coz of this it appears to blink.

djibe commented 3 years ago

Hi, Fixed in master. You can use git clone to fetch latest sources

Thanks a lot for your report

gaurav2103 commented 3 years ago

@djibe I am using it by downloading the dist.zip and importing it into vanilla js will the latest download will be able to resolve this?