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

@ -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}}