Need to change the transition for dropdown menu.

Created on 30 March 2023, over 1 year ago
Updated 3 July 2023, over 1 year ago

Problem/Motivation

When hovering on the menu for dropdown there is a transition that is too fast need to slow the transition.

💬 Support request
Status

Closed: works as designed

Version

10.0

Component

Code

Created by

🇮🇳India Nitin shrivastava

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Nitin shrivastava
  • Status changed to Needs review over 1 year ago
  • 🇮🇳India Harish1688 India

    Reproduced the issue on local and create a patch Need-change-the-transition-for-dropdown-menu-3351303-2.patch for this issue.

    Testing Steps:
    1. Install the Drupal 10.0.x version.
    2. Install and set Tara - Modern Drupal 8, 9, 10 Theme.
    3. create and apply the patch.
    4. Clear the cache and reload the page.

    Testing result: Need review
    Need to change the transition for dropdown menu.

    Moved the issue to Need Review.

  • 🇮🇳India snehal-chibde

    Hello @Harish,i nstalled the Drupal 10.0.x version and set Tara theme v10.04 version and applied the patch. The transition of dropdown menus are better. Attached recording.

  • Status changed to Closed: works as designed over 1 year ago
  • 🇮🇳India ravis

    You can change the animation speed by adding below css codes in theme Settings.

    Theme Settings >> Insert Codes >> CSS Codes

    li.expanded:hover ul.submenu,
    li.collapsed:hover ul.submenu,
    .menu-item-has-children:hover .submenu {
    	-webkit-animation: slideUp 0.8s forwards;
    	-moz-animation: slideUp 0.8s forwards;
    	animation: slideUp 0.8s forwards;
    }
    

    And clear cache.

    example.com/admin/config/development/performance
    

    Regards:
    Ravi

Production build 0.71.5 2024