Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 23:59:47 +02:00
Code Releases Activity

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

14
gui/app/templates/components/folder/documents-list.hbs
View file

@ -7,7 +7,7 @@
{{ui/ui-toolbar-icon icon=constants.Icon.All color=constants.Color.Gray tooltip="Comfort"
selected=(eq viewDensity "2") onClick=(action "onSwitchView" "2")}}
{{ui/ui-toolbar-label label="—" color=constants.Color.Gray tooltip="Compact"
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
{{/ui/ui-toolbar}}
{{#ui/ui-button
@ -16,11 +16,11 @@
uppercase=false
color=constants.Color.Gray
label=constants.Label.Sort}}
{{#attach-popover class="ember-attacher-popper" hideOn="click" showOn="click" isShown=false placement="bottom-end" as |attacher|}}
<i class="dicon {{constants.Icon.Cross}} closer" {{action attacher.hide}}/>
<div class="container">
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
<div class="text-center">
<ul class="ui-option-picker ui-option-picker-horiz">
@ -36,7 +36,7 @@
</ul>
</div>
{{ui/ui-spacer size=100}}
<Ui::UiSpacer @size=100 />
<div class="text-center">
<ul class="ui-option-picker ui-option-picker-horiz">
@ -49,7 +49,7 @@
</ul>
</div>
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
{{ui/ui-button
light=true
@ -61,7 +61,7 @@
{{/ui/ui-button}}
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<ul class="documents">
{{#each documents key="id" as |document|}}
@ -129,4 +129,4 @@
{{#if showLockout}}
{{ui/empty-state icon=constants.Icon.Preview message="Space permissions are preventing you from viewing and creating documents"}}
{{/if}}
{{/if}}

4
gui/app/templates/components/folder/settings-category.hbs
View file

@ -16,7 +16,7 @@
</div>
</div>
{{ui/ui-spacer size=400}}
<Ui::UiSpacer @size=400 />
<div class="space-admin">
<div class="categories">
@ -98,4 +98,4 @@
{{/each}}
</ul>
</div>
{{/ui/ui-dialog}}
{{/ui/ui-dialog}}

10
gui/app/templates/components/folder/settings-permissions.hbs
View file

@ -22,7 +22,7 @@
<div class="perm-desc">Manage and delete space</div>
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="title" {{action "toggleDocumentPerms"}}>
Document Permissions Explained
@ -55,7 +55,7 @@
</div>
</div>
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="text-center">
{{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Person
@ -67,7 +67,7 @@
onClick=(action "onShowInviteModal")}}
</div>
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="space-admin table-responsive">
<table class="table table-hover permission-table">
@ -139,7 +139,7 @@
</table>
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
{{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.Locked
label=constants.Label.Save onClick=(action "onSave")}}
@ -150,7 +150,7 @@
<div class="modal-header">Add users to this space</div>
<div class="modal-body">
{{input id="user-search" type="text" class="form-control mousetrap" placeholder="Search for users by firstname, lastname, email" value=searchText key-up=(action "onSearch")}}
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="space-admin">
<div class="add-users">
{{#each filteredUsers as |user|}}

4
gui/app/templates/components/folder/space-sidebar.hbs
View file

@ -1,4 +1,4 @@
{{ui/ui-spacer size=300}}
<Ui::UiSpacer @size=300 />
<div class="title">filter</div>
<div class="list">
@ -40,7 +40,7 @@
</div>
</div>
{{ui/ui-spacer size=200}}
<Ui::UiSpacer @size=200 />
<div class="title">category</div>
<div class="list">