Skip to content

GitLab

  • Menu
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
  • Merge requests
  • !7959

Merged
Created Oct 04, 2014 by Administrator@rootOwner5 of 5 tasks completed5/5 tasks

Improve file icons rendering on tree

  • Overview 45
  • Commits 1
  • Changes 9

Created by: soullivaneuh

TODO list:

  • Make decision about icons choose and methods
  • Integrate new icons to tree index view
  • Integrate new icons to tree file show view
  • Write some test about the different icon rendering
  • Update CHANGELOG

Referred to this request, I did some improvements to file icons rendering.

This mean:

  • Use fa-fw (fixed width) class for homogeneous column sizes
  • fa-file-text-o for regular files.
  • fa-share icon for links.
  • fa-file-code-o icon for executable files.

So, from the actual design: gitlab_icons_before

I made this: gitlab_icons_after

The share link sounds good for me, but I don't really like the file-code for binary, to tiny to differentiate and note really appropriate...

So I tried with fa-terminal: gitlab_icons_terminal

Well, not really better. So what about fa-cog ? gitlab_icons_cog

In my opinion, I think fa-cog is the better rendering for binaries. But, well, doesn't really look like a file...

Two possible options:

  • Use fa-stack method for custom file icon as explained here, but I have to change the template code for this and this will force you to use file-icon in any way.
  • Integrate Github octicons which has binary and symlink icons.

If we choose the second option, I have to check before if Octicons and Font Awesome libraries can work together without any conflict. Furthermore, I think we will have to add some contributing rules indicate that the FA icons must be user in priority!

I need your feedback to continue this work. If you have another ideas/solutions, please tell me more! 👍 Tell me if you think I forgot something on the todo list. 😉

Waiting yours reviews.

Assignee
Assign to
Reviewer
Request review from
Time tracking
Source branch: github/fork/soullivaneuh/file-type