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:
parent
bce1c1b166
commit
62c3cd03ad
51 changed files with 433 additions and 525 deletions
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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")}}
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue