masq
/
glowing-bear
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make timestamps smaller and all the same colour on mobile 

Different colours on mobile don't really work: either they're too similar to
distinguish (and then it just looks strange), or they're too dark to be visible.
This commit is contained in:
Lorenz Hübschle-Schneider 2014-05-28 20:33:57 +01:00
parent c4ad663f56
commit beb640493d
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/glowingbear.css
View File

@ -373,7 +373,7 @@ h2 span, h2 small {
@media (max-width: 968px) { @media (max-width: 968px) {
#bufferlines table { #bufferlines table {
border-collapse: separate; border-collapse: separate;
border-spacing: 2px 4px; border-spacing: 2px 6px;
} }
#sidebar { #sidebar {
@ -437,7 +437,13 @@ h2 span, h2 small {
} }
#bufferlines td.time { #bufferlines td.time {
padding-right: 4px; padding-right: 3px;
font-size: 12px;
}
#bufferlines td.time span.date {
display: block;
margin-top: -2px;
} }
#bufferlines td.prefix { #bufferlines td.prefix {
@ -452,10 +458,10 @@ h2 span, h2 small {
display: inline; display: inline;
} }
/* they're practically invisible otherwise */ /* a different colour is too irregular on mobile */
.repeated-time .cof-chat_time, .repeated-time .cof-chat_time,
.repeated-time .cof-chat_time_delimiters { .repeated-time .cof-chat_time_delimiters {
color: #444; color: #999;
} }
.footer { .footer {