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
|
@ -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}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue