khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-03 02:09:45 +07:00
Code Issues Packages Projects Releases Wiki Activity

Grammar fixes and syntax

Browse Source 
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
2017-10-06 05:18:55 +02:00
parent 013910044a
commit adabb11144
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
developer_manual/design/navigation.rst
View File

@@ -9,7 +9,7 @@ App Navigation
Introduction
=============
The main navigation menu represent the most important part of your app.
The main navigation menu represents the main navigation of your app.
It needs to be:
@@ -17,7 +17,7 @@ It needs to be:
* Simple
* Responsive
Nextcloud provide a very organized way of building menus.
Nextcloud provides a very organized way of building menus.
We implemented various essential functions and provide easy way of using them.
.. figure:: ../images/navigation.png
@@ -44,12 +44,12 @@ Basic layout
Utils
======
Each entry is allowed to have a counter and/or a button for user interraction.
Each entry is allowed to have a counter and/or a button for user interaction.
* The ``app-navigation-entry-utils`` snippet need to be placed right next to the main link of your entry.
* Maximum **two** items are allowed into the utils section. You can have:
* Two buttons
* One button and one counter
* Two buttons
* One button and one counter
* You **can't** have more than two buttons, if you need more, you need to add a menu.
* The order of the button and the counter are **not** interchangeable. You need to put the counter before the menu.
@@ -69,7 +69,7 @@ Each entry is allowed to have a counter and/or a button for user interraction.
Menu
^^^^^
If you need to add a few interractions for your entry, you can put everything in a popover menu.
If you need to add a few interactions for your entry, you can put everything in a popover menu.
The menu needs to be placed after the ``app-navigation-entry-utils``.
For the global rules and/or layout, you can check the dedicated :ref:`popover menu section <popovermenu>`.

4
developer_manual/design/popovermenu.rst
View File

@@ -9,7 +9,7 @@ Popover Menu
What is a popover menu
=======================
This is a quick menu that open on click. We're usually using the three dots icons on nextcloud.
This is a quick menu that open on click. For menus, we use the three-dot-icon.
This is exactly the same as the :ref:`navigation menu <navigation_menu>`. The only difference is the popovermenu class.
@@ -51,7 +51,7 @@ Technical details
* The only allowed menu items elements are **a** and **button**.
* You can mix between a and button on the same menu (in case of form or direct link) like the example above
* You need to put the entire menu just after the three dot icon ``<div><span class="icon-more"></span><div class="popovermenu">...</div></div>``
* You do not need js, css only is ok for positioning. Js is **still** required to handle the hide/show.
* You do not need JS, CSS only is ok for positioning. JS is **still** required to handle the hide/show.
* Only **one** ul is allowed.
* Only **one level** of menu is allowed.
* Every entry **needs** to have its own icon. This greatly improves the UX.