Skip to content

GitLab

  • Menu
    • Projects Groups Snippets
      Help
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • G gitlabhq1
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 21
    • Issues 21
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 12
    • Merge requests 12
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • gpt
  • large_projects
  • gitlabhq1
  • Issues
  • #3661

Closed
Open
Created 12 years ago by Administrator@rootOwner
  • New issue

  • Report abuse

  • New issue

  • Report abuse

Buttons violate Fitts Law

Closed

Buttons violate Fitts Law

Created by: airtonix

Your buttons are created like so :

<span class="btn btn-small">
 <i class="icon-envelope"></i>
 <a href="#url">Label</a>
</span>

This creates a problem. It reduces the clickable target area to that of the letters only.

Fitts law says that larger click targets are easier to click, but you deceive users into thinking that something that looks like a button will react as a button should when clicked. However unless you are clicking on the letters of the link, nothing happens apart from the CSS hover/active/click styles.

Your button html (change your css to reflect the new structure) should look like this :

<a href="#url" class="btn btn-small">
  <i class="icon-envelope"></i>
  <span>Label</span>
</a>

Linked issues
0


  • Administrator
    Administrator @root · 12 years ago
    Owner

    Created by: senny

    Hey @airtonix

    Thanks for your interest in GitLab :heart:

    We don't use the Github issue tracker for feature requests. Please use http://feedback.gitlab.com/ for this purpose. Have a look at the contribution guidelines for more information.

    Also don't hesitate to use the support forum if you have further questions.

    If you have the time a pull request to make the necessary change would be appreciated.

    By Administrator on 2013-04-29T08:08:59 (imported from GitLab project)

  • You're only seeing other activity in the feed. To add a comment, switch to one of the following options.
Please register or sign in to reply
0 Assignees
None
Assign to
Milestone
No milestone
None
None
Time tracking
No estimate or time spent
Due date
None
None
0
Labels
None
Assign labels
  • No matching results
  • Manage project labels
Confidentiality
Not confidential
Not confidential

You are going to turn on confidentiality. Only team members with at least Reporter access will be able to see and leave comments on the issue.

Lock issue
Unlocked
1
1 participant
user avatar
Reference: gpt/large_projects/gitlabhq1#3661

Menu

Projects Groups Snippets
Help