Extract the message class into its own file
This commit is contained in:
parent
a4367c0809
commit
7482b859d5
2 changed files with 42 additions and 40 deletions
42
app/assets/stylesheets/new_design/message.scss
Normal file
42
app/assets/stylesheets/new_design/message.scss
Normal file
|
@ -0,0 +1,42 @@
|
||||||
|
@import "colors";
|
||||||
|
@import "constants";
|
||||||
|
|
||||||
|
.message {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-bottom: $default-padding;
|
||||||
|
padding: $default-padding;
|
||||||
|
background: #FFFFFF;
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 3px;
|
||||||
|
|
||||||
|
&.from-me {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person-icon {
|
||||||
|
margin-right: $default-spacer;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: $default-spacer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.guest,
|
||||||
|
.date {
|
||||||
|
font-size: 12px;
|
||||||
|
color: $grey;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachment-link {
|
||||||
|
margin-top: $default-spacer;
|
||||||
|
}
|
||||||
|
}
|
|
@ -12,46 +12,6 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
margin-bottom: $default-padding;
|
|
||||||
padding: $default-padding;
|
|
||||||
background: #FFFFFF;
|
|
||||||
width: 80%;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
&.from-me {
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.person-icon {
|
|
||||||
margin-right: $default-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-bottom: $default-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mail {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guest,
|
|
||||||
.date {
|
|
||||||
font-size: 12px;
|
|
||||||
color: $grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.date {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachment-link {
|
|
||||||
margin-top: $default-spacer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.messagerie {
|
.messagerie {
|
||||||
.message-textarea {
|
.message-textarea {
|
||||||
margin-bottom: $default-spacer;
|
margin-bottom: $default-spacer;
|
||||||
|
|
Loading…
Add table
Reference in a new issue