Restyle last seen indicator
Add horizontal line behind text. // FREEBIE
This commit is contained in:
parent
4921ef1b9d
commit
681418cf6b
5 changed files with 15 additions and 19 deletions
|
@ -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"
|
"description": "Alt text for button to take user down to bottom of conversation with more than one message out of screen"
|
||||||
},
|
},
|
||||||
"unreadMessage": {
|
"unreadMessage": {
|
||||||
"message": "1 unread message",
|
"message": "1 Unread Message",
|
||||||
"description": "Text for unread message separator, just one message"
|
"description": "Text for unread message separator, just one message"
|
||||||
},
|
},
|
||||||
"unreadMessages": {
|
"unreadMessages": {
|
||||||
"message": "$count$ unread messages",
|
"message": "$count$ Unread Messages",
|
||||||
"description": "Text for unread message separator, with count",
|
"description": "Text for unread message separator, with count",
|
||||||
"placeholders": {
|
"placeholders": {
|
||||||
"count": {
|
"count": {
|
||||||
|
|
|
@ -71,7 +71,4 @@
|
||||||
@include header-icon-black('/images/back.svg');
|
@include header-icon-black('/images/back.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list .last-seen-indicator-view .text {
|
|
||||||
margin: 2em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -687,13 +687,14 @@ li.entry .error-icon-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
border-bottom: 2px solid #2090ea;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
margin-top: 2em;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
border-radius: $border-radius;
|
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin: 1em;
|
margin-bottom: -12px;
|
||||||
|
background-color: white;
|
||||||
background-color: $grey_l2;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -204,8 +204,7 @@ $text-dark: #CCCCCC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list .last-seen-indicator-view .text {
|
.message-list .last-seen-indicator-view .text {
|
||||||
margin: 2em;
|
background-color: $grey-dark_l3;
|
||||||
background-color: $grey-dark_l2;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.discussion-container .scroll-down-button-view {
|
.discussion-container .scroll-down-button-view {
|
||||||
|
|
|
@ -1499,12 +1499,14 @@ li.entry .error-icon-container {
|
||||||
.message-list .last-seen-indicator-view {
|
.message-list .last-seen-indicator-view {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
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 {
|
.message-list .last-seen-indicator-view .text {
|
||||||
border-radius: 5px;
|
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin: 1em;
|
margin-bottom: -12px;
|
||||||
background-color: #d9d9d9; }
|
background-color: white; }
|
||||||
|
|
||||||
.discussion-container .scroll-down-button-view {
|
.discussion-container .scroll-down-button-view {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -1873,8 +1875,6 @@ li.entry .error-icon-container {
|
||||||
-webkit-mask: url("/images/back.svg") no-repeat center;
|
-webkit-mask: url("/images/back.svg") no-repeat center;
|
||||||
-webkit-mask-size: 100%;
|
-webkit-mask-size: 100%;
|
||||||
background-color: black; }
|
background-color: black; }
|
||||||
.android .message-list .last-seen-indicator-view .text {
|
|
||||||
margin: 2em; }
|
|
||||||
|
|
||||||
.android-dark {
|
.android-dark {
|
||||||
color: #CCCCCC; }
|
color: #CCCCCC; }
|
||||||
|
@ -2136,8 +2136,7 @@ li.entry .error-icon-container {
|
||||||
.android-dark .recorder {
|
.android-dark .recorder {
|
||||||
background: #292929; }
|
background: #292929; }
|
||||||
.android-dark .message-list .last-seen-indicator-view .text {
|
.android-dark .message-list .last-seen-indicator-view .text {
|
||||||
margin: 2em;
|
background-color: #171717; }
|
||||||
background-color: #292929; }
|
|
||||||
.android-dark .discussion-container .scroll-down-button-view button {
|
.android-dark .discussion-container .scroll-down-button-view button {
|
||||||
background-color: #8d8d8d; }
|
background-color: #8d8d8d; }
|
||||||
.android-dark .discussion-container .scroll-down-button-view button .icon {
|
.android-dark .discussion-container .scroll-down-button-view button .icon {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue