Change highlight into gradient, make it look nicer on mobile

This commit is contained in:
Pavel Djundik 2018-02-15 10:32:04 +02:00
parent f81788a6c9
commit 18152a50a2
1 changed files with 12 additions and 4 deletions

View File

@ -291,17 +291,14 @@ body {
border-bottom: 1px dotted #555;
}
#chat .channel .highlight,
#chat .channel .highlight .time,
#chat .channel .highlight .from,
#chat .channel .highlight .from .user,
#chat .channel .highlight .text {
color: #fff !important;
}
#chat .channel .highlight .time,
#chat .channel .highlight .from {
background-color: #2072ac;
background: linear-gradient(to right, transparent 0%, #2072ac 60%);
}
#chat .channel .highlight .content {
@ -354,6 +351,17 @@ body {
#chat .message .from .user::after {
content: ">";
}
#chat .channel .highlight .time {
color: #fff;
background: #2072ac;
margin-left: -10px;
padding-left: 10px;
}
#chat .channel .highlight .from {
background: linear-gradient(to left, transparent 0%, #2072ac 100%);
}
}
@media (min-width: 480px) {