creativetimofficial / ct-material-dashboard-pro

Material Dashboard Pro - Premium Bootstrap 5 Admin
https://demos.creative-tim.com/material-dashboard-pro/pages/dashboards/analytics
116 stars 28 forks source link

[Feature Request] continuation of issue 315 #316

Closed liemteksun closed 2 years ago

liemteksun commented 2 years ago

What is your enhancement?

this is the issue: https://github.com/creativetimofficial/ct-material-dashboard-pro/issues/315

Your hint for the down arrow works

My next question is: how to do the up arrow?

it doesn't seem that this works on Material Icons .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { color: #CED4DA; transform: rotate(180deg); }

I've tried to override it with .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { font-family: 'Material Icons Round'; content: "\e5ce"; transform: none; }

I've tried several other changes, but none of them works

thanks

groovemen commented 2 years ago

Hello again @liemteksun,

Thank you for using our products, this is the styling that makes the arrow to rotate:

.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
   color: #ced4da;
   transform: rotate(180deg);
}

All the best, Stefan