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:
parent
bce1c1b166
commit
62c3cd03ad
51 changed files with 433 additions and 525 deletions
|
@ -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>
|
||||
|
|
|
@ -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}}
|
||||
|
|
|
@ -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}}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{/if}}
|
||||
|
||||
<div class="document-sidebar-toc">
|
||||
|
|
|
@ -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}}
|
||||
|
|
|
@ -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}}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue