Small interface fixes

This commit is contained in:
RainLoop Team 2016-03-01 22:13:53 +03:00
parent 44d2b4947c
commit 1d8652ddc4
3 changed files with 62 additions and 38 deletions

View file

@ -249,6 +249,10 @@ html.rl-no-preview-pane {
height: 100%; height: 100%;
} }
&.focused {
background-color: #f5f5f5;
}
&.focused .sidebarParent { &.focused .sidebarParent {
background-color: #ccc !important; background-color: #ccc !important;
} }

View file

@ -168,12 +168,36 @@ html.rl-no-preview-pane {
border: 1px solid #ddd; border: 1px solid #ddd;
background-color: #fff; background-color: #fff;
border-radius: 5px; border-radius: 5px;
padding: 10px 15px; padding: 8px 0;
overflow: hidden; overflow: hidden;
table {
width: 100%;
}
table, tr, td {
border-spacing: 0;
}
td {
padding: 0 10px;
vertical-align: top;
min-width: 43px;
}
td:first-child {
border-right: 1px solid #ddd;
text-align: right;
width: 1%;
}
.uiLine { .uiLine {
} }
.uiLabel {
white-space: nowrap;
}
.uiLabelValue { .uiLabelValue {
word-break: break-all; word-break: break-all;
} }

View file

@ -252,44 +252,40 @@
</div> </div>
</div> </div>
<div class="informationFull" data-bind="visible: showFullInfo()"> <div class="informationFull" data-bind="visible: showFullInfo()">
<div> <table>
<div class="pull-left" data-bind="visible: '' !== viewFrom()"> <tr data-bind="visible: '' !== viewFrom()">
<span class="i18n uiLabel labelFrom" data-i18n="MESSAGE/LABEL_FROM"></span>: <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_FROM"></span></td>
&nbsp; <td>
<span class="from" data-bind="text: viewFrom, title: viewFrom"></span> <span class="pull-right size" data-bind="text: viewSize"></span>
<span class="from uiLabelValue" data-bind="text: viewFrom, title: viewFrom"></span>
</div> </div>
<div class="pull-right" data-bind="visible: '' !== viewSize()"> </td>
<span class="size" data-bind="text: viewSize"></span> </tr>
</div> <tr data-bind="visible: '' !== viewTo()">
<div class="clearfix"></div> <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_TO"></span></td>
</div> <td><span class="to uiLabelValue" data-bind="text: viewTo, title: viewTo"></span></td>
<div class="uiLine" data-bind="visible: '' !== viewTo()"> </tr>
<span class="i18n uiLabel labelTo" data-i18n="MESSAGE/LABEL_TO"></span>: <tr data-bind="visible: '' !== viewCc()">
&nbsp; <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_CC"></span></td>
<span class="to uiLabelValue" data-bind="text: viewTo, title: viewTo"></span> <td><span class="cc uiLabelValue" data-bind="text: viewCc, title: viewCc"></span></td>
</div> </tr>
<div class="uiLine" data-bind="visible: '' !== viewCc()"> <tr data-bind="visible: '' !== viewBcc()">
<span class="i18n uiLabel labelCc" data-i18n="MESSAGE/LABEL_CC"></span>: <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_BCC"></span></td>
&nbsp; <td><span class="bcc uiLabelValue" data-bind="text: viewBcc, title: viewBcc"></span></td>
<span class="cc uiLabelValue" data-bind="text: viewCc, title: viewCc"></span> </tr>
</div> <tr data-bind="visible: '' !== viewReplyTo()">
<div class="uiLine" data-bind="visible: '' !== viewBcc()"> <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_REPLY_TO"></span></td>
<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_BCC"></span>: <td><span class="replyTo uiLabelValue" data-bind="text: viewReplyTo, title: viewReplyTo"></span></td>
&nbsp; </tr>
<span class="bcc uiLabelValue" data-bind="text: viewBcc, title: viewBcc"></span> <tr data-bind="visible: 0 < viewTimeStamp()">
</div> <td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_DATE"></span></td>
<div class="uiLine" data-bind="visible: '' !== viewReplyTo()"> <td>
<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_REPLY_TO"></span>:
&nbsp;
<span class="bcc uiLabelValue" data-bind="text: viewReplyTo, title: viewReplyTo"></span>
</div>
<div class="uiLine" data-bind="visible: 0 < viewTimeStamp()">
<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_DATE"></span>:
&nbsp;
<span class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span> <span class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span>
&nbsp; &nbsp;
(<span class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></span>) (<span class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></span>)
</div> </td>
</tr>
</table>
</div> </div>
</div> </div>
</div> </div>