Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !25224

Disabled nav link with pointer-events

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/melih/patch-2 into v4-dev Jan 07, 2018
  • Overview 0
  • Commits 2
  • Pipelines 0
  • Changes 1

Created by: melih

bootstrap/scss/_navbar.scss is providing only color property for disabled nav links. When there is an href attribute, HTML keeps the tag inactive "as visual" but keeps it active and clickable "as functional".

  .navbar-nav {
    .nav-link {
      color: $navbar-light-color;

      @include hover-focus {
        color: $navbar-light-hover-color;
      }

      &.disabled {
        color: $navbar-light-disabled-color;
      }
    }

To make these lines more useful and meaningful, pointer-events property should also be added so the link with disabled class would really be inactive .

      &.disabled {
        color: $navbar-light-disabled-color;
        pointer-events: none;
      }
Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/melih/patch-2