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"
|
||||
},
|
||||
"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": {
|
||||
|
|
|
@ -71,7 +71,4 @@
|
|||
@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;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue