demarches-normaliennes/app/assets/stylesheets/new_design/messagerie.scss

@import "colors";
@import "common";
@import "constants";

.messages-list {
  max-height: 350px;
  overflow-y: scroll;
  border: 1px solid $border-grey;
  background: $light-grey;
  padding: 2 * $default-spacer;
  margin-bottom: $default-spacer;
  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;
  }
}

.messagerie {
  .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;
  }

  .message-textarea {
    margin-bottom: $default-spacer;
  }
}