deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-17 13:46:36 +02:00
Code Issues Projects Releases Wiki Activity

Fade out for long usernames.

Browse source
This commit is contained in:
Niko Bews 2017-05-11 03:17:27 +03:00
parent 45df995d7f
commit 035d10005a
3 changed files with 34 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
client/css/style.css
View file

@ -911,6 +911,9 @@ kbd {
padding-right: 10px;
text-align: right;
width: 134px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
#chat .text {
@ -1810,6 +1813,25 @@ kbd {
font-style: italic;
}
@media (min-width: 480px) {
/* Fade out for long usernames */
#chat .from {
padding-left: 10px;
}
#chat .from:after {
position: absolute;
right: 0;
width: 10px;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 1) 100%);
content: " ";
}
/* End fade out for long usernames */
}
@media (max-width: 768px) {
/**
* TODO Replace this with `@media (hover: hover)` when Firefox supports it

6
client/themes/morning.css
View file

@ -253,3 +253,9 @@ body {
}
/* End form elements */
@media (min-width: 480px) {
#chat .from:after {
background: linear-gradient(to right, rgba(51, 60, 74, .5) 0%, rgba(51, 60, 74, 1) 100%);
}
}

6
client/themes/zenburn.css
View file

@ -279,3 +279,9 @@ body {
}
/* End form elements */
@media (min-width: 480px) {
#chat .from:after {
background: linear-gradient(to right, rgba(63, 63, 63, .5) 0%, rgba(63, 63, 63, 1) 100%);
}
}