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:
parent
0569d4c889
commit
1360349156
2 changed files with 35 additions and 43 deletions
|
@ -40,10 +40,30 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 2em 8px 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
@media(min-width: $big-avatar-min-width) {
|
@media(min-width: $big-avatar-min-width) {
|
||||||
padding-left: 70px;
|
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-detail,
|
||||||
.message-list {
|
.message-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
|
@ -614,10 +614,24 @@ input.search {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%; }
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 2em 8px 0;
|
||||||
|
overflow-y: auto; }
|
||||||
@media (min-width: 900px) {
|
@media (min-width: 900px) {
|
||||||
.conversation .panel .discussion-container .message-list {
|
.conversation .panel .discussion-container .message-list {
|
||||||
padding-left: 70px; } }
|
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,
|
.group-member-list,
|
||||||
.new-group-update,
|
.new-group-update,
|
||||||
|
@ -754,23 +768,6 @@ input.search {
|
||||||
.outgoing.entry.pending .status:before {
|
.outgoing.entry.pending .status:before {
|
||||||
content: '...'; }
|
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-detail,
|
||||||
.message-list {
|
.message-list {
|
||||||
list-style: none; }
|
list-style: none; }
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue