Restyle last seen indicator

Add horizontal line behind text.

// FREEBIE
This commit is contained in:
lilia 2017-05-22 15:12:53 -07:00 committed by Scott Nonnenberg
parent 4921ef1b9d
commit 681418cf6b
5 changed files with 15 additions and 19 deletions

View file

@ -16,11 +16,11 @@
"description": "Alt text for button to take user down to bottom of conversation with more than one message out of screen"
},
"unreadMessage": {
"message": "1 unread message",
"message": "1 Unread Message",
"description": "Text for unread message separator, just one message"
},
"unreadMessages": {
"message": "$count$ unread messages",
"message": "$count$ Unread Messages",
"description": "Text for unread message separator, with count",
"placeholders": {
"count": {

View file

@ -71,7 +71,4 @@
@include header-icon-black('/images/back.svg');
}
.message-list .last-seen-indicator-view .text {
margin: 2em;
}
}

View file

@ -687,13 +687,14 @@ li.entry .error-icon-container {
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 2px solid #2090ea;
margin-bottom: 15px;
margin-top: 2em;
.text {
border-radius: $border-radius;
padding: 5px 10px;
margin: 1em;
background-color: $grey_l2;
margin-bottom: -12px;
background-color: white;
}
}

View file

@ -204,8 +204,7 @@ $text-dark: #CCCCCC;
}
.message-list .last-seen-indicator-view .text {
margin: 2em;
background-color: $grey-dark_l2;
background-color: $grey-dark_l3;
}
.discussion-container .scroll-down-button-view {

View file

@ -1499,12 +1499,14 @@ li.entry .error-icon-container {
.message-list .last-seen-indicator-view {
display: flex;
flex-direction: column;
align-items: center; }
align-items: center;
border-bottom: 2px solid #2090ea;
margin-bottom: 15px;
margin-top: 2em; }
.message-list .last-seen-indicator-view .text {
border-radius: 5px;
padding: 5px 10px;
margin: 1em;
background-color: #d9d9d9; }
margin-bottom: -12px;
background-color: white; }
.discussion-container .scroll-down-button-view {
position: absolute;
@ -1873,8 +1875,6 @@ li.entry .error-icon-container {
-webkit-mask: url("/images/back.svg") no-repeat center;
-webkit-mask-size: 100%;
background-color: black; }
.android .message-list .last-seen-indicator-view .text {
margin: 2em; }
.android-dark {
color: #CCCCCC; }
@ -2136,8 +2136,7 @@ li.entry .error-icon-container {
.android-dark .recorder {
background: #292929; }
.android-dark .message-list .last-seen-indicator-view .text {
margin: 2em;
background-color: #292929; }
background-color: #171717; }
.android-dark .discussion-container .scroll-down-button-view button {
background-color: #8d8d8d; }
.android-dark .discussion-container .scroll-down-button-view button .icon {