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

Metadata

Source
FLUID-4996
Type
Sub-task
Priority
Major
Status
Open
Resolution
N/A
Assignee
Jonathan Hung
Reporter
Justin Obara
Created
2013-04-29T10:33:00.213-0400
Updated
2021-07-29T01:40:33.653-0400
Versions
N/A
Fixed Versions
N/A
Component
  1. Inline Edit

Description

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

Attachments

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