Issue: Replace action links by font awesome icons

Issue Tools
- View Changes

January 4, 2014 12:57 PM

Alfa1

Distinguished Member

Replace action links by font awesome icons

Please replace action links like 'edit' 'top' 'report' with the appropiate font awesome icons:
http://fontawesome.io/icons/
edit: http://fontawesome.io/icon/pencil-square-o/
up: http://fontawesome.io/icon/angle-up/
hide: http://fontawesome.io/icon/minus-square-o/
report: http://fontawesome.io/icon/exclamation-triangle/

This looks better and removes the clutter.

Issue Details

Issue Number 3511

Issue Type Feature

Project VaultWiki 4.x Series

Category Images / Icons

Status Implemented

Priority 5 - Minor Bugs / Small Tweaks

Suggested Version 4.0.0 Beta 7

Implemented Version 4.0.0 Gamma 2

Milestone VaultWiki 4 Beta X

Software DependencyAny

License TypePaid

Votes for this feature 1

Votes against this feature 0

Attachments 0

Assigned Users (none)

Tags (none)

January 5, 2014 11:17 AM

pegasus

VaultWiki Team

This is for: https://www.vaultwiki.org/issues/1834/
Having tabs with only an icon won't do much to help the clutter.

Reply
January 5, 2014 1:56 PM

Alfa1

Distinguished Member

I am not talking about tabs, but about the links that are in articles.
See: http://awesomescreenshot.com/093260i1b8
http://awesomescreenshot.com/074260ig8b
On hover there could be a tooltip with the function name.

Reply
January 7, 2014 11:32 AM

pegasus

VaultWiki Team

In this case, changed to Accepted.

Reply
January 7, 2014 9:39 PM

Alfa1

Distinguished Member

Should be really easy to implement.

Reply
January 13, 2014 6:45 PM

pegasus

VaultWiki Team

I want to add this for Gamma 2.

Reply
January 13, 2014 8:05 PM

Alfa1

Distinguished Member

Whut is Gamma 2?

Reply
January 13, 2014 10:49 PM

pegasus

VaultWiki Team

The successor to Gamma 1, which was released today and is already available for download. We are still compiling notes for the actual announcement.

Reply
January 17, 2014 12:20 PM

pegasus

VaultWiki Team

While I like the icons available in Font Awesome, I am leery of adding the 500 KB dependency to wiki pages for just 3 small icons. There are a few other icons in the font that might be useful to us eventually, but I cannot justify such an increase in overhead. Instead we will be using image-based icons for these for the foreseeable future.

Reply
January 17, 2014 2:47 PM

Alfa1

Distinguished Member

Have you checked how many websites and xenforo/WP/Joomla addons, XF & IPB styles, use FontAwesome? Its already everywhere and its popularity indicates that this will only become more. The 500k dependency is only for the few users that have not encountered a FA dependency yet. Once the TTF is loaded its in there. For most users it will not add any page load.

Reply
January 20, 2014 5:34 PM

pegasus

VaultWiki Team

Marked as Implemented in the next release.

Reply
February 5, 2014 4:28 PM

Alfa1

Distinguished Member

As the icons are placed in areas without a border, it would look better if the Font Awesome icons are used with borders.
For example: http://fontawesome.io/icon/pencil-square-o/

Reply
February 5, 2014 5:29 PM

Alfa1

Distinguished Member

Please add an icon for history>report as well.
Please use this: http://fontawesome.io/icon/exclamation-triangle/

Reply
April 11, 2014 1:36 PM

Alfa1

Distinguished Member

I would like to suggest better FA icons for some things:

Section-link:http://fortawesome.github.io/Font-Awesome/icon/link/ (same in editor)
Watch: http://fortawesome.github.io/Font-Awesome/icon/eye/
Unwatch: http://fortawesome.github.io/Font-Aw...con/eye-slash/
Attachment: http://fortawesome.github.io/Font-Aw...con/paperclip/ (same in editor)
Image: http://fortawesome.github.io/Font-Aw...con/picture-o/ (same in editor)
File: http://fortawesome.github.io/Font-Awesome/icon/file-o/ (same in editor)
Edit: http://fortawesome.github.io/Font-Aw...ncil-square-o/ (same in editor)
Synonyms: http://fortawesome.github.io/Font-Aw...icon/arrows-h/

It would also be useful to replace the icons in the recent activity widget. Its strange to have different icons for the same things.

Reply

+ Reply

All times are GMT -4. The time now is 12:05 AM.

This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.

Learn more… Accept Remind me later

Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

Issue: Replace action links by font awesome icons

Issue Tools