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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.message-textarea {
|
||||
margin-bottom: $default-spacer;
|
||||
|
|
Loading…
Reference in a new issue