2016-02-20 04:30:24 +08:00
|
|
|
@import "ui-variables";
|
|
|
|
@import "ui-mixins";
|
|
|
|
|
2016-02-24 10:20:26 +08:00
|
|
|
.open-tracking-icon img.content-mask.unopened {
|
2016-02-24 07:22:55 +08:00
|
|
|
background-color: #6b777d;
|
2016-02-20 04:30:24 +08:00
|
|
|
vertical-align: text-bottom;
|
|
|
|
}
|
2016-02-24 10:20:26 +08:00
|
|
|
.open-tracking-icon img.content-mask.opened {
|
2016-02-24 07:22:55 +08:00
|
|
|
background-color: @text-color-link;
|
2016-02-20 04:30:24 +08:00
|
|
|
}
|
|
|
|
.open-tracking-icon .open-count {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
left: -16px;
|
|
|
|
text-align: center;
|
|
|
|
|
2016-02-24 07:22:55 +08:00
|
|
|
background-color: @text-color-link;
|
2016-02-20 04:30:24 +08:00
|
|
|
font-size: 12px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.open-tracking-icon {
|
|
|
|
width: 16px;
|
|
|
|
margin-right: 4px;
|
2016-02-24 07:22:55 +08:00
|
|
|
}
|
2016-02-24 10:20:26 +08:00
|
|
|
|
|
|
|
.read-receipt-message-status {
|
|
|
|
color: @text-color-very-subtle;
|
|
|
|
margin-left: 10px;
|
|
|
|
&.Unread {
|
|
|
|
img.content-mask {
|
|
|
|
background-color: @text-color-very-subtle;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.Read {
|
|
|
|
img.content-mask {
|
|
|
|
background-color: @text-color-link;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|