search

creativetimofficial / material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
https://www.creative-tim.com/product/material-kit?ref=mk-creativetimofficial-github
MIT License
5.91k stars 1.37k forks source link

Dropdown link icon issue in collapsible navbar #117

Closed dmbuchta closed 6 years ago

dmbuchta commented 6 years ago

The CSS for the arrow icon in a dropdown link is incorrectly displayed while in a collapsible navbar. The current css is this:

.show .dropdown-toggle:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

I think the CSS should be more restrictive with the .show class. I was able to resolve this for my own project by adding this CSS rule after material-kit.css:

.navbar .dropdown:not(.show) .dropdown-toggle:after { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }

groovemen commented 6 years ago

Hello @dmbuchta, Thank you for your interest in working with our products and for your enhancement. The product was updated to v2.0.4. Best, Stefan