FLUID-4996: Convert icons used in Inline Edit to font icons

Description

Create font icons for all the icons used by Inline Edit, and updated Inline Edit to make use of them.

Attachments

• InfusionIcons-InlineEdit.eot
• InfusionIcons-InlineEdit.ttf

Comments

• heidi valles commented 2013-05-14T10:58:48.388-0400

  Need pencil icon from http://192.168.2.11/git_heidi/infusion/src/webapp/demos/inlineEdit/simple/html/inlineEdit.html

• Jonathan Hung commented 2013-06-10T11:19:29.044-0400

  Attached font with pencil, undo, redo, and save.
  Icons generated from the AI file attached to this JIRA:
  http://issues.fluidproject.org/browse/FLUID-3801

• Jonathan Hung commented 2013-06-21T08:00:04.785-0400

  There is a problem with the pencil icon. Currently the icon is in the editable field which appears and disappears when editing / viewing. However, any text within the field will become part of the editable text - including the icon font.

  One possible way to fix this is to put the icon in a span after the editable field and allow the integrator ability to position as they please via CSS.

• Jonathan Hung commented 2013-06-21T11:13:10.365-0400

  Fleshing out the previous solution some more:

  • by default the edit icon appears immediately to the right of the editable text field.
  • edit mode can be activated by selecting the icon or by selecting the text field.
  • the edit icon by default dims when edit field is activated
  • hovering over the edit icon will produce an outline

  Using CSS, the user will be able to:

  • position the edit icon to where ever they want
  • modify dim style or hide the icon all together when edit mode is activated

• Justin Obara commented 2015-06-15T10:18:21.546-0400

  @@Jonathan Hung do you know the state of this jira?

• Justin Obara commented 2021-06-22T15:19:19.139-0400

  May need to convert to SVGs instead, see: FLUID-6142