1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 23:59:47 +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,4 +1,4 @@
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="document-meta">
<div class="title {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditCategory"}}>CATEGORY / TAG</div>

View file

@ -73,7 +73,7 @@
<label>Destination Document</label>
{{focus-input type="text" value=docSearchFilter class="form-control" placeholder="a OR b, x AND y, 'phrase mat*'"}}
</div>
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
<div class="document-copy-move">
{{#if emptySearch}}
<p>No matching documents found.</p>
@ -191,4 +191,4 @@
</div>
</div>
</div>
{{/if}}
{{/if}}

View file

@ -1,5 +1,5 @@
{{#if editMode}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{ui/ui-button color=constants.Color.Gray label=uploadLabel id=uploadId}}
{{/if}}
@ -17,7 +17,7 @@
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
<div class="form">
<p>Are you sure you want to delete this file?</p>
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
{{ui/ui-button
light=false
label=constants.Label.Delete
@ -28,7 +28,7 @@
{{/ui/ui-toolbar-icon}}
{{/ui/ui-toolbar}}
</div>
{{/if}}
{{/if}}
</li>
{{/if}}
{{/each}}

View file

@ -6,7 +6,7 @@
{{#if categories}}
{{ui/ui-list-picker items=categories nameField="category" singleSelect=false}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
{{ui/ui-button
color=constants.Color.Green

View file

@ -12,10 +12,10 @@
</div>
{{input type="text" id=(concat "add-tag-field-" tag.number) class="form-control mousetrap tag-input" placeholder="Tag name" value=tag.value}}
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{/each}}
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
{{ui/ui-button
color=constants.Color.Green

View file

@ -1,9 +1,9 @@
<div class="title center">attachments</div>
{{#if canEdit}}
<div class="text-center">
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
{{ui/ui-button color=constants.Color.Gray label="Upload" id="upload-document-files"}}
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
</div>
{{/if}}
@ -23,7 +23,7 @@
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
<div class="form">
<p>Are you sure you want to delete this file?</p>
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
{{ui/ui-button
light=false
label=constants.Label.Delete

View file

@ -3,7 +3,7 @@
{{ui/ui-button light=true color=constants.Color.Yellow uppercase=false
icon=constants.Icon.ArrowLeft label=space.name stretch=true truncate=true}}
{{/link-to}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
<div class="title">VERSION</div>
@ -29,7 +29,7 @@
{{/if}}
{{/if}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{/if}}
<div class="title {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditStatus"}}>STATUS</div>

View file

@ -17,7 +17,7 @@
</div>
</div>
{{else}}
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
{{/if}}
<div class="document-sidebar-toc">

View file

@ -1,6 +1,6 @@
{{#if hasPages}}
{{#each pages key="id" as |item|}}
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
{{document/document-page
roles=roles
pages=pages
@ -21,7 +21,7 @@
onMovePage=(action "onMovePage")
onDeletePage=(action "onDeletePage")
onSavePageAsBlock=(action "onSavePageAsBlock")
onPageLevelChange=(action onPageLevelChange)
onPageLevelChange=(action onPageLevelChange)
onPageSequenceChange=(action onPageSequenceChange)
onShowSectionWizard=(action "onShowSectionWizard")}}
{{/each}}
@ -41,7 +41,7 @@
<div class="thanks">Thanks for the feedback!</div>
{{else}}
<div class="prompt">{{folder.likes}}</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="buttons">
{{ui/ui-button color=constants.Color.Yellow light=true label="Yes, thanks!" onClick=(action "onVote" 1)}}
{{ui/ui-button-gap}}
@ -64,4 +64,4 @@
show=showInsertSectionModal
beforePage=newSectionLocation
onInsertSection=(action onInsertSection)}}
{{/if}}
{{/if}}

View file

@ -6,7 +6,7 @@
{{#if hasDiff}}
<h1>{{revision.title}}</h1>
<h2>Changed by {{revision.firstname}} {{revision.lastname}}</h2>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="diff-zone wysiwyg">
{{{diff}}}
</div>
@ -14,7 +14,7 @@
</div>
{{#if canRollback}}
{{ui/ui-spacer size=400}}
<Ui::UiSpacer @size=400 />
{{ui/ui-button color=constants.Color.Red icon=constants.Icon.TimeBack light=true label=constants.Label.Restore onClick=(action "onShowModal")}}
{{/if}}