Skip to content
Snippets Groups Projects

Issue #3426468: Make the active menu item visually stand out more

Issue #3426468: Make the active menu item visually stand out more
issue/drupal-3426468:3426468-make-the-active into 11.x
2 unresolved threads
Open Gaurav requested to merge issue/drupal-3426468:3426468-make-the-active into 11.x
2 unresolved threads

Closes #3426468

Merge request reports

Loading
Loading

Activity

Filter activity
  • Approvals
  • Assignees & reviewers
  • Comments (from bots)
  • Comments (from users)
  • Commits & branches
  • Edits
  • Labels
  • Lock status
  • Mentions
  • Merge request status
  • Tracking
core/modules/navigation/css/components/toolbar-menu.pcss.css
80 80 inset-inline-start: calc(var(--admin-toolbar-space-4) * -0.5);
81 81 content: "";
82 82 border-radius: 50%;
83 background-color: currentColor;
83 background-color: var(--admin-toolbar-color-blue-670);
  • Ivan Berdinsky
    Ivan Berdinsky @finnsky ·
    Contributor

    why currentColor not works anymore here? both icon and text should be changed?

  • Ahsan Nazir
    Ahsan Nazir @ehsann_95 ·

    I think this is because font color and icon color are not same

    None active menu item Active menu item Color contrast
    Font color #55565b (--admin-toolbar-color-gray-800) #0036b1 (--admin-toolbar-color-blue-600) 1.3:1
    blue dot #FFFFFF #002E9A 11.3:1
  • Please register or sign in to reply
  • Ivan Berdinsky
    Ivan Berdinsky @finnsky started a thread on the diff
    • core/modules/navigation/css/components/toolbar-menu.pcss.css
    106 106 inline-size: var(--admin-toolbar-space-8);
    107 107 block-size: 100%;
    108 108 }
    109
    110 &::after {
    Please register or sign in to reply