Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-21 15:56:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(reply-area): Use existing flexbox so message-wrap and reply area never competing for clickability

Browse source 
Summary: Just a couple CSS tweaks

Test Plan: Run tests

Reviewers: evan

Reviewed By: evan

Differential Revision: https://review.inboxapp.com/D1364
This commit is contained in:
Ben Gotow 2015-03-27 16:35:55 -07:00
parent 9859e594f2
commit 6c7760c7e3
2 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
internal_packages/message-list/lib/message-list.cjsx
View file

@ -55,7 +55,6 @@ MessageList = React.createClass
wrapClass = React.addons.classSet
"messages-wrap": true
"has-reply-area": @_hasReplyArea()
"ready": @state.ready
<div className="message-list" id="message-list">

11
internal_packages/message-list/stylesheets/message-list.less
View file

@ -54,7 +54,7 @@
}
#message-list {
display: flex;
flex-direction: row;
flex-direction: column;
position: relative;
width: 100%;
@ -76,13 +76,10 @@
}
.messages-wrap {
flex: 4;
flex: 1;
overflow-y: auto;
opacity:0;
transition: opacity 0s;
&.has-reply-area {
padding-bottom: 63px; // height of reply footer
}
}
.messages-wrap.ready {
opacity:1;
@ -226,14 +223,10 @@
}
.footer-reply-area-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: @text-color-very-subtle;
border-top: 1px solid @border-color-divider;
background: @background-primary;
z-index: 10;
&:hover {
cursor: default;