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

add penpot links

Browse Source 
Signed-off-by: Simon L <szaimen@e.mail.de>
This commit is contained in:
Simon L
2023-05-24 15:13:09 +02:00
parent 925259ba3c
commit a44fa270ee
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
developer_manual/design/layoutcomponents.rst
View File

@@ -8,6 +8,8 @@ Navigation
`Vue component for the app navigation <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppNavigation?id=ncappnavigation-1>`_.
`Penpot Navigation Items <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=8&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
.. image:: ../images/contacts-navigation.png
:alt: Contacts navigation
@@ -27,6 +29,8 @@ Main action button
`Navigation AppNew Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppNavigation?id=ncappnavigationnew>`_.
`Penpot Buttons <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=0&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
.. image:: ../images/mail-primary-action-button.png
:alt: Mail primary action button.png
@@ -45,6 +49,9 @@ Navigation entries
`Navigation entries Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppNavigation?id=ncappnavigationitem>`_.
`Penpot Navigation Items <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=8&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=8&share-id=88d87192-d205-8007-8002-8d8d21a0dcca
.. image:: ../images/mail-navigation-entries.png
:alt: Mail navigation entries
@@ -88,6 +95,8 @@ Settings
`Settings Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppNavigation?id=ncappnavigationsettings>`_.
`Penpot Modals <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=12&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
.. image:: ../images/talk-settings-modal.png
:alt: Talk settings modal
@@ -106,6 +115,8 @@ List item
`List item Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcListItems>`_.
`Penpot List item <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=9&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
.. image:: ../images/list-item.gif
:alt: Talk list
@@ -151,6 +162,8 @@ Sidebar
`Sidebar Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppSidebar?id=ncappsidebar-1>`_.
`Penpot Sidebar <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=11&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
Details of a particular entry in your content, as well as some actions associated with it, are shown in the right sidebar. In apps where the sidebar is used, it only opens when required. The sidebar is never used in the 3-column layout (Navigation + list + content). It contains the main information and sometimes a preview of the selected item, as well as a maximum of 3 possible tabs.
Commonly used tabs in the sidebar are:
@@ -161,6 +174,8 @@ Details
`Sidebar Tabs Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppSidebar?id=ncappsidebartabs>`_.
`Penpot Sidebar <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=11&share-id=88d87192-d205-8007-8002-8d8d21a0dcca>`_
.. image:: ../images/sidebar-details.png
:alt: Details tab in Calendar sidebar