mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-02-19 13:46:55 +08:00
a31c2808a9
Summary: There were several issues causing uploading to not work: # The file upload response came back as a string instead of an Object. Needed to detect and `JSON.parse` # The `MessageAttachment` component was not available as a package on the popout composer (since it used to be inside of `MessageList`) # The `message.draft` bit was not set properly causing the DB changes to be ignored # The actions notifying of `uploadStateChanged` were only being broadcasted in the main window (where the `TaskStore` is) and never making it to the popout composer. Also keybindings for close window and up & down arrows were fixed. Test Plan: edgehill --test Reviewers: bengotow Reviewed By: bengotow Differential Revision: https://review.inboxapp.com/D1157
152 lines
2.9 KiB
Text
152 lines
2.9 KiB
Text
@import "ui-variables";
|
|
@import "ui-mixins";
|
|
|
|
#message-list {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
padding: 0;
|
|
order: 2;
|
|
-webkit-user-select: none;
|
|
|
|
.message-list-headers {
|
|
text-align: left;
|
|
margin: 15px;
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
|
|
h2 {
|
|
margin: 0;
|
|
padding-bottom: 5px;
|
|
font-size: 26px;
|
|
line-height: 1.2;
|
|
-webkit-user-select: text;
|
|
}
|
|
|
|
.participants {
|
|
.contact-chip {
|
|
display:inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.message-list-primary-actions {
|
|
z-index: 2;
|
|
-webkit-user-select: none;
|
|
padding-top: 7px;
|
|
padding-bottom: 6px;
|
|
padding-left:13px;
|
|
background-color: @background-color;
|
|
border-bottom:1px solid @border-color;
|
|
|
|
.primary-actions-bar {
|
|
width: 100%;
|
|
font-size: 21px;
|
|
line-height: 2;
|
|
.btn-icon {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.btn {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.messages-wrap {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.title-and-messages {
|
|
height: calc(~"100% - 56px");
|
|
min-width: 600px;
|
|
overflow: auto;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.message-item-wrap {
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
&.collapsed {
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
border-bottom:0;
|
|
&:last-child {
|
|
margin-bottom:15px;
|
|
border-bottom: 1px solid darken(@border-color, 5%);
|
|
}
|
|
.message-header {
|
|
border-bottom:0;
|
|
}
|
|
}
|
|
|
|
position: relative;
|
|
background: @background-color;
|
|
margin: 15px;
|
|
border-top: 1px solid darken(@border-color, 2%);
|
|
border-left: 1px solid darken(@border-color, 2%);
|
|
border-right: 1px solid darken(@border-color, 5%);
|
|
border-bottom: 1px solid darken(@border-color, 5%);
|
|
border-radius: 2px;
|
|
|
|
.message-header {
|
|
padding: 5px 15px;
|
|
border-bottom: 1px solid @border-color;
|
|
-webkit-user-select: text;
|
|
}
|
|
|
|
.message-time, .message-indicator {
|
|
font-size: @minor-font-size;
|
|
color: @text-color-subtle;
|
|
margin-top: 3px;
|
|
float: right;
|
|
}
|
|
|
|
.message-indicator {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.to-label, .to-everyone, .cc-label, .cc-contact, .to-label, .to-contact {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.from-label {
|
|
display: none;
|
|
}
|
|
.from-contact {
|
|
.bold;
|
|
color: @text-color;
|
|
font-size: @major-font-size;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.to-label, .cc-label {
|
|
font-size: @minor-font-size;
|
|
color: @text-color;
|
|
}
|
|
.cc-label {
|
|
margin-left: 15px;
|
|
}
|
|
.to-contact, .cc-contact, .to-everyone {
|
|
font-size: @minor-font-size;
|
|
color: @text-color-subtle;
|
|
}
|
|
|
|
iframe {
|
|
width: 100%;
|
|
border: 0;
|
|
padding: 0 15px;
|
|
margin: 1em 0;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
}
|
|
.attachments-area {
|
|
border-bottom: 1px solid @border-color;
|
|
padding: 5px 15px 0px 15px;
|
|
}
|