From 5ba120030a7641a0404252fb7d8b05fced8ede30 Mon Sep 17 00:00:00 2001 From: elijah Date: Mon, 7 Nov 2016 22:23:42 -0800 Subject: ui: add initial addressbook panel --- ui/app/components/layout/layout.less | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) (limited to 'ui/app/components/layout/layout.less') diff --git a/ui/app/components/layout/layout.less b/ui/app/components/layout/layout.less index dae99aa..81e61af 100644 --- a/ui/app/components/layout/layout.less +++ b/ui/app/components/layout/layout.less @@ -22,4 +22,34 @@ .horizontal-layout.equal1 > .layout-column {width: 100%;} .horizontal-layout.equal2 > .layout-column {width: 50%;} .horizontal-layout.equal3 > .layout-column {width: 33.33%;} -.horizontal-layout.equal4 > .layout-column {width: 25%;} \ No newline at end of file +.horizontal-layout.equal4 > .layout-column {width: 25%;} + +.vertical-layout { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + > .layout-row { + //display: -webkit-flex; + //display: flex; + margin-bottom: @gutter; + &.expand { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + &.shrink { + -webkit-flex: 0 1 auto; + flex: 0 1 auto; + } + } + > .layout-row:last-child { + margin-bottom: 0px; + } +} + +.vertical-layout.equal1 > .layout-row {width: 100%;} +.vertical-layout.equal2 > .layout-row {width: 50%;} +.vertical-layout.equal3 > .layout-row {width: 33.33%;} +.vertical-layout.equal4 > .layout-row {width: 25%;} -- cgit v1.2.3