Break long messages
This commit is contained in:
parent
f7344dc63f
commit
2ec4e9384d
1 changed files with 7 additions and 22 deletions
|
@ -227,10 +227,8 @@ ul#server_selection_list {
|
||||||
.post {
|
.post {
|
||||||
padding: 0.2em;
|
padding: 0.2em;
|
||||||
margin-top: 0.3em;
|
margin-top: 0.3em;
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto auto auto;
|
|
||||||
grid-template-columns: auto auto;
|
|
||||||
min-height: 3ex;
|
min-height: 3ex;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.post.same_author {
|
.post.same_author {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -244,13 +242,8 @@ ul#server_selection_list {
|
||||||
.post:hover {
|
.post:hover {
|
||||||
background-color: #e4e4e4;
|
background-color: #e4e4e4;
|
||||||
}
|
}
|
||||||
.post:not(.show_time) {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post .author {
|
.post .author {
|
||||||
grid-row: 1;
|
|
||||||
grid-column: 1;
|
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
align-self: end;
|
align-self: end;
|
||||||
|
@ -260,30 +253,25 @@ ul#server_selection_list {
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .create_at {
|
.post .create_at {
|
||||||
text-align: right;
|
|
||||||
grid-row: 1;
|
|
||||||
grid-column: 2;
|
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
color: #888;
|
color: #888;
|
||||||
align-self: end;
|
|
||||||
}
|
|
||||||
.post:not(.show_time) .create_at {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #e4e4e4;
|
|
||||||
padding: 0 0.2em;
|
padding: 0 0.2em;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
.post:not(.show_time) .create_at {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.post:not(.show_time):hover .create_at {
|
.post:not(.show_time):hover .create_at {
|
||||||
display: block;
|
display: block;
|
||||||
|
background-color: #e4e4e4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .message {
|
.post .message {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
grid-row: 2;
|
word-wrap: break-word;
|
||||||
grid-column-start: 1;
|
overflow-wrap: break-word;
|
||||||
grid-column-end: 3;
|
|
||||||
}
|
}
|
||||||
.post.special .message {
|
.post.special .message {
|
||||||
color: #555;
|
color: #555;
|
||||||
|
@ -291,9 +279,6 @@ ul#server_selection_list {
|
||||||
}
|
}
|
||||||
|
|
||||||
.post ul.attachments {
|
.post ul.attachments {
|
||||||
grid-row: 3;
|
|
||||||
grid-column-start: 1;
|
|
||||||
grid-column-end: 3;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
Loading…
Reference in a new issue