diff --git a/developer_manual/design/navigation.rst b/developer_manual/design/navigation.rst index 4c28dcf00..e0bcf8aca 100644 --- a/developer_manual/design/navigation.rst +++ b/developer_manual/design/navigation.rst @@ -209,11 +209,84 @@ The opening of the menu is activated and animated by the class ``open`` on the m Entry bullet ============= +Every entry can have a colored marker in front of it. +We call it a `bullet`. + +* You can **not** combine an icon with a bullet. +* You need to use the CSS to define the bullet color. + +.. figure:: ../images/navigation-bullet.png + :alt: Navigation entry with bullet + :figclass: figure-with-code + +.. code:: html + +
  • +
    + Entry with bullet +
  • + Undo entry =========== +* Undo entries can be used on any level you want. +* When an entry is deleted, please use the usual **7 seconds delay feedback** before final deletion. +* Please use the sentence *Deleted XXXX* as the feedback message. +* You need to use the ``deleted`` class to trigger the animated hide/show of the undo entry. + +.. figure:: ../images/navigation-undo.* + :alt: Navigation entry with undo action + :figclass: figure-with-code + +.. code:: html + +
  • + +
    + +
    +
    +
    Deleted important entry
    + +
    +
  • + Edit entry =========== +* Editable entries can be used on any level you want. +* You can replace the ``form`` by a ``div`` if you wish to do your request with JS. +* You need to use the ``editing`` class to trigger the animated hide/show of the input. +* You're allowed to use only one submit input. It **must** be the validation button. +* The input **must** have the same value as the entry link text. + +.. figure:: ../images/navigation-edit.* + :alt: Navigation entry with undo action + :figclass: figure-with-code + +.. code:: html + +
  • + Folder entry +
    + +
    +
    +
    + + + +
    +
    +
  • + Pinned entry ============= diff --git a/developer_manual/images/navigation-bullet.png b/developer_manual/images/navigation-bullet.png new file mode 100644 index 000000000..75088ade3 Binary files /dev/null and b/developer_manual/images/navigation-bullet.png differ diff --git a/developer_manual/images/navigation-edit.gif b/developer_manual/images/navigation-edit.gif new file mode 100644 index 000000000..ec9b9d3b6 Binary files /dev/null and b/developer_manual/images/navigation-edit.gif differ diff --git a/developer_manual/images/navigation-edit.jpg b/developer_manual/images/navigation-edit.jpg new file mode 100644 index 000000000..7d31d9745 Binary files /dev/null and b/developer_manual/images/navigation-edit.jpg differ diff --git a/developer_manual/images/navigation-undo.gif b/developer_manual/images/navigation-undo.gif new file mode 100644 index 000000000..a3958f98d Binary files /dev/null and b/developer_manual/images/navigation-undo.gif differ diff --git a/developer_manual/images/navigation-undo.jpg b/developer_manual/images/navigation-undo.jpg new file mode 100644 index 000000000..579c3e655 Binary files /dev/null and b/developer_manual/images/navigation-undo.jpg differ