Generic editor: Important description

Description

Important description box:

  • Border: #ffde78 1px

  • Background: #f9f9d8

  • x icon: font awesome fa-close (alias) []

  • text: #000000

  • List style: #979797, fa-circle []

  • Info icon: font awesome: fa-info []

Example box:

  • Title background: #d9fac3

  • Example background: #f6fef1

  • Example border: #bbde98 1px

If yellow info icon is not used as svg:

  • back #f3d55b,

  • info icon: #000000, font awesome: fa-info []

Acceptance Criteria

By clicking on yellow info button on the right important description box should appear above input field expanding content block. Ideally, by using fade in effect from bottom.

Important description box should be open by default for first content block.
First time user closes it it should not appear again before user clicks on info icon.

By clicking on "x hide" it should close making content block initial size. Again, ideally with fade out effect.

If example text exceeds one row it should be formatted as on example-expand.jpg

Status

Assignee

Andreas Nergaard

Reporter

Jelena Milinovic

Labels

None

Funding

None

Code reviewer

Frode Petterson

Released

None

Time tracking

16h

Fix versions

Priority

High