Extract some CSS in a .message class

This commit is contained in:
gregoirenovel 2018-09-06 18:40:47 +02:00
parent e2091fabdf
commit 94e5f856d3
3 changed files with 16 additions and 16 deletions

View file

@ -10,8 +10,9 @@
padding: 2 * $default-spacer; padding: 2 * $default-spacer;
margin-bottom: $default-spacer; margin-bottom: $default-spacer;
border-radius: 4px; border-radius: 4px;
}
> li { .message {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: $default-padding; margin-bottom: $default-padding;
@ -24,7 +25,6 @@
margin-left: auto; margin-left: auto;
} }
} }
}
.messagerie { .messagerie {
.person-icon { .person-icon {

View file

@ -44,10 +44,6 @@ th {
padding-left: 0; padding-left: 0;
max-height: none; max-height: none;
li {
margin-bottom: 40px;
}
h2 { h2 {
font-size: 110%; font-size: 110%;
} }
@ -58,6 +54,10 @@ th {
} }
} }
.message {
margin-bottom: 40px;
}
.updated-at { .updated-at {
display: none; display: none;
} }

View file

@ -1,7 +1,7 @@
.messagerie.container .messagerie.container
%ul.messages-list %ul.messages-list
- dossier.commentaires.each do |commentaire| - dossier.commentaires.each do |commentaire|
%li{ class: commentaire_is_from_me_class(commentaire, user_email) } %li.message{ class: commentaire_is_from_me_class(commentaire, user_email) }
= render partial: "shared/dossiers/messages/message", locals: { commentaire: commentaire, user_email: user_email, messagerie_seen_at: messagerie_seen_at } = render partial: "shared/dossiers/messages/message", locals: { commentaire: commentaire, user_email: user_email, messagerie_seen_at: messagerie_seen_at }
= render partial: "shared/dossiers/messages/form", locals: { commentaire: new_commentaire, form_url: form_url } = render partial: "shared/dossiers/messages/form", locals: { commentaire: new_commentaire, form_url: form_url }