Commit 514ceaa7 authored by Andreas Traczyk's avatar Andreas Traczyk

messageview: fix message view UI issues

- Fixes alignment fo sender images to the bottom of the message.
- Sets the sender image size to match the minimum message size.

Change-Id: I108058061e4a88cb304b5c107216739afb602444
parent 5f0a864b
......@@ -345,13 +345,14 @@ a:hover {
/* The last message gets a bigger bottom padding so that it is not
"glued" to the message bar. */
padding-bottom: 1.5em !important;
margin-top: 4px;
}
/* General messages */
.internal_mes_wrapper {
max-width: 70%;
margin: 8px 0 0 0;
margin: 0px 0 0 0;
display: flex;
flex-direction: column;
/* If a message is smaller (in width) than the timestamp, do not fill
......@@ -421,7 +422,11 @@ a:hover {
.sender_image, .invite_sender_image {
border-radius: 50%;
margin: 8px 10px 0px 10px;
margin: 0px 10px 0px 10px;
}
div.last_message > span {
margin: 0px 10px 0px 10px;
}
.message_out .message_wrapper {
......@@ -498,7 +503,7 @@ a:hover {
.middle_of_sequence .internal_mes_wrapper,
.last_of_sequence .internal_mes_wrapper,
.last_message .internal_mes_wrapper {
margin: 3px 0 0 0 !important;
margin: 0px 0 0 0 !important;
}
.message_out .sender_image {
......@@ -507,7 +512,7 @@ a:hover {
.first_of_sequence.message_out .internal_mes_wrapper,
.single_message.message_out .internal_mes_wrapper {
margin: 4px 0 0 0 !important;
margin: 0px 0 0 0 !important;
}
@-webkit-keyframes fade-in {
......@@ -520,6 +525,38 @@ a:hover {
}
}
.sender_image_cell {
vertical-align: bottom;
min-width: 16px;
}
.dummy_cell {
padding: 0;
}
.timestamp_cell {
padding: 0;
max-width: 0px;
overflow: visible;
white-space: nowrap;
}
.timestamp_cell_out {
padding: 0;
text-align: right;
direction: rtl;
max-width: 0px;
overflow: visible;
white-space: nowrap;
}
table {
border-collapse: collapse;
border-spacing: 0 0px;
margin: 0;
padding: 0;
}
.timestamp {
display: inline-flex;
justify-content: flex-start;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment