Commit 79d2e32c authored by Fabian Riethmayer's avatar Fabian Riethmayer

Added new visuals to column navigation and controls within content

Summary:
Added new visuals to column navigation and controls within content
Updated video for column based navigation

Reviewers: colomar

Reviewed By: colomar

Tags: #kde_human_interface_guidelines

Differential Revision: https://phabricator.kde.org/D16526
parent f616ffa1
Controls within content
=======================
.. image:: /img/Content_controls.jpg
.. image:: /img/Content1.png
:alt: Controls within content
:scale: 40 %
:scale: 70 %
If controls are directly necessary for the primary tasks of an
application (e.g. the "take photo" button in a camera app) and there is
application (e.g. the "write a sms" button in a address book app) and there is
space left in the content area, put them directly within the content.
......@@ -15,9 +15,11 @@ Examples of column-based navigation in a phone and a desktop UI
:alt: Column-based navigation on the desktop
:scale: 40%
.. image:: /img/PageRow.png
:alt: Column-based navigation on mobile
:scale: 20%
.. raw:: html
<video src="https://cdn.kde.org/hig/video/20181031-1/Column1.webm"
loop="true" playsinline="true" width="320" controls="true"
onended="this.play()" class="border"></video>
When to use
-----------
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment