1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00

[WIP] Improve master layout for different devices + product growth

We have two pressing needs:

1. Improve experience on real estate challenged devices.
2. Make room for product feature-set growth.

To hit these targets, we need to develop better UX through smarter on-screen space management.
This commit is contained in:
Harvey Kandola 2019-05-20 10:39:48 +01:00
parent bce1c1b166
commit 62c3cd03ad
51 changed files with 433 additions and 525 deletions

View file

@ -1,5 +1,5 @@
{{#layout/master-sidebar}}
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
<div class="section">
{{document/sidebar-meta
@ -13,7 +13,7 @@
contributionStatus=contributionStatus
approvalStatus=approvalStatus}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="text-center">
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
@ -29,7 +29,7 @@
</div>
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{#if (eq sidebarTab "toc")}}
{{document/sidebar-toc
@ -85,7 +85,7 @@
approvalStatus=approvalStatus}}
{{#if contributionStatus}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="document-meta">
<div class="label-workflow-status">
{{contributionStatus}}
@ -93,7 +93,7 @@
</div>
{{else}}
{{#if approvalStatus}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="document-meta">
<div class="label-workflow-status">
{{approvalStatus}}
@ -102,7 +102,7 @@
{{/if}}
{{/if}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="document-meta {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditMeta"}}>
<div class="document-heading">

View file

@ -1,12 +1,12 @@
{{#layout/master-sidebar}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="section">
{{#link-to "document.index"}}
{{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Document"}}
{{/link-to}}
{{ui/ui-spacer size=400}}
<Ui::UiSpacer @size=400 />
<div class="title">REVISIONS</div>
<div class="list">

View file

@ -1,5 +1,5 @@
{{#layout/master-sidebar}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="section">
{{#link-to "document.index" model.folder.id model.folder.slug model.document.id model.document.slug}}
@ -9,16 +9,16 @@
{{/layout/master-sidebar}}
{{#layout/master-content}}
{{document/document-editor
document=model.document
folder=model.folder
page=model.page
{{document/document-editor
document=model.document
folder=model.folder
page=model.page
meta=model.meta
attachments=model.attachments
onCancel=(action "onCancel") onAction=(action "onAction")}}
{{document/section-attachment uploadLabel="Upload Attachments"
editMode=true page=model.page document=model.document
{{document/section-attachment uploadLabel="Upload Attachments"
editMode=true page=model.page document=model.document
files=model.attachments
onAttachmentUpload=(action "onAttachmentUpload")
onAttachmentDelete=(action "onAttachmentDelete")}}

View file

@ -1,11 +1,11 @@
{{#layout/master-sidebar}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="section">
{{#link-to "document.index"}}
{{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Document"}}
{{/link-to}}
{{ui/ui-spacer size=400}}
<Ui::UiSpacer @size=400 />
<div class="title">Document Options</div>
<div class="list">