mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-21 15:56:10 +08:00
fix(reply-area): Use existing flexbox so message-wrap and reply area never competing for clickability
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:
parent
9859e594f2
commit
6c7760c7e3
|
@ -55,7 +55,6 @@ MessageList = React.createClass
|
||||||
|
|
||||||
wrapClass = React.addons.classSet
|
wrapClass = React.addons.classSet
|
||||||
"messages-wrap": true
|
"messages-wrap": true
|
||||||
"has-reply-area": @_hasReplyArea()
|
|
||||||
"ready": @state.ready
|
"ready": @state.ready
|
||||||
|
|
||||||
<div className="message-list" id="message-list">
|
<div className="message-list" id="message-list">
|
||||||
|
|
|
@ -54,7 +54,7 @@
|
||||||
}
|
}
|
||||||
#message-list {
|
#message-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -76,13 +76,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.messages-wrap {
|
.messages-wrap {
|
||||||
flex: 4;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
opacity:0;
|
opacity:0;
|
||||||
transition: opacity 0s;
|
transition: opacity 0s;
|
||||||
&.has-reply-area {
|
|
||||||
padding-bottom: 63px; // height of reply footer
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.messages-wrap.ready {
|
.messages-wrap.ready {
|
||||||
opacity:1;
|
opacity:1;
|
||||||
|
@ -226,14 +223,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-reply-area-wrap {
|
.footer-reply-area-wrap {
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: @text-color-very-subtle;
|
color: @text-color-very-subtle;
|
||||||
border-top: 1px solid @border-color-divider;
|
border-top: 1px solid @border-color-divider;
|
||||||
background: @background-primary;
|
background: @background-primary;
|
||||||
z-index: 10;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
|
Loading…
Reference in a new issue