Consolidate .message-list styling

There was some lone .message-list styling that i've brought up to the logical
place in the stylesheet.

// FREEBIE
This commit is contained in:
Sam Lanning 2016-01-22 00:02:29 +00:00 committed by lilia
parent 0569d4c889
commit 1360349156
2 changed files with 35 additions and 43 deletions

View file

@ -40,10 +40,30 @@
top: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 2em 8px 0;
overflow-y: auto;
@media(min-width: $big-avatar-min-width) {
padding-left: 70px;
}
&:before {
display: block;
margin: -25px auto 10px;
content: " ";
height: $loading-height;
width: $loading-height;
border: solid 3px transparent;
}
.timestamp {
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}
}
@ -240,31 +260,6 @@
}
}
.message-list {
position: relative;
margin: 0;
padding: 2em 0 0;
overflow-y: auto;
&:before {
display: block;
margin: -25px auto 10px;
content: " ";
height: $loading-height;
width: $loading-height;
border: solid 3px transparent;
}
.timestamp {
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
.message-detail,
.message-list {
list-style: none;

View file

@ -614,10 +614,24 @@ input.search {
position: absolute;
top: 0;
height: 100%;
width: 100%; }
width: 100%;
margin: 0;
padding: 2em 8px 0;
overflow-y: auto; }
@media (min-width: 900px) {
.conversation .panel .discussion-container .message-list {
padding-left: 70px; } }
.conversation .panel .discussion-container .message-list:before {
display: block;
margin: -25px auto 10px;
content: " ";
height: 16px;
width: 16px;
border: solid 3px transparent; }
.conversation .panel .discussion-container .message-list .timestamp {
cursor: pointer; }
.conversation .panel .discussion-container .message-list .timestamp:hover {
text-decoration: underline; }
.group-member-list,
.new-group-update,
@ -754,23 +768,6 @@ input.search {
.outgoing.entry.pending .status:before {
content: '...'; }
.message-list {
position: relative;
margin: 0;
padding: 2em 0 0;
overflow-y: auto; }
.message-list:before {
display: block;
margin: -25px auto 10px;
content: " ";
height: 16px;
width: 16px;
border: solid 3px transparent; }
.message-list .timestamp {
cursor: pointer; }
.message-list .timestamp:hover {
text-decoration: underline; }
.message-detail,
.message-list {
list-style: none; }