From d0c59fc58fab2a4e8cc25bdf51e31804246ef776 Mon Sep 17 00:00:00 2001
From: Tankred Hase
Date: Tue, 22 Apr 2014 13:03:54 +0200
Subject: [PATCH] Use flexbox in write-view
---
src/sass/views/_write.scss | 13 +++++++------
src/tpl/write.html | 2 +-
2 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/sass/views/_write.scss b/src/sass/views/_write.scss
index c09feff..eaa9e2a 100644
--- a/src/sass/views/_write.scss
+++ b/src/sass/views/_write.scss
@@ -1,4 +1,6 @@
.view-write {
+ display: flex;
+ flex-direction: column;
margin: 0px;
padding: 0px;
color: $color-grey-dark;
@@ -19,6 +21,7 @@
}
.headers {
+ flex-shrink: 0;
margin-top: 10px;
p {
@@ -38,6 +41,7 @@
}
.subject-box {
+ flex-shrink: 0;
position: relative;
margin: 20px 0 7px 0;
width: inherit;
@@ -47,7 +51,6 @@
height: em(44);
.subject-line {
- float: left;
padding: 10px;
width: 80%;
color: $color-grey;
@@ -82,6 +85,7 @@
}
.attachments-box {
+ flex-shrink: 0;
position: relative;
margin: 0 0 5px 0;
width: inherit;
@@ -126,13 +130,10 @@
}
.body {
+ flex-grow: 1;
line-height: 1.5em;
cursor: text;
-
- @include respond-to(desktop) {
- height: 445px;
- overflow-y: scroll;
- }
+ overflow-y: scroll;
*[contentEditable] {
outline: 0px;
diff --git a/src/tpl/write.html b/src/tpl/write.html
index 7a89620..1b848a6 100644
--- a/src/tpl/write.html
+++ b/src/tpl/write.html
@@ -19,7 +19,7 @@
-
+