Home Forums Porto Admin Template Dropdown buttons CSS

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 2 months ago. This post has been viewed 122 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10027566

    stesvis
    Participant

    Hello,

    the styling on the dropdown buttons in dark mode is not ideal.

    When you click on the dropdown button,

    • the text is dark on a dark background.
    • the “hover” bg color is white (or light gray), shouldn’t it be primary?
    • when you click on a menu item in the list you can tell that it turns the bg color to primary for a second

    Do you have a css fix?

    Thanks.


    #10027568

    Support2
    Keymaster

    Hello,

    Really has a bug in dropdown colors when it’s dark theme. Sorry for that issue. We will fix that on the next version of Porto Admin.

    To fix that, please go to your file (css/custom.css) and paste this code:

    .dark .dropdown-item {
    	color: #a0a9b2;
    }
    .dark .dropdown-item.active, .dark .dropdown-item:active, .dark .dropdown-item:focus {
    	background-color: #007bff !important;
    	color: #FFF;
    }
    .dark .dropdown-item:hover {
    	background-color: #2e353e;	
    }

    Please, try this and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)