next-ucap-messenger/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss

.ucap-message-write {
  width: 100%;
  height: 100%;

  .message-receiver-list {
    width: 100%;
  }

  .message-title {
    width: 100%;
  }

  .message-write-body {
    overflow: auto;
    height: 270px;

    .ucap-message-write-editor {
      display: inline-block;
      width: 100%;
      height: 100%;
      min-height: 270px;
    }

    [contenteditable] {
      transition: padding 0.3s ease-in-out;
    }

    [contenteditable]:hover,
    [contenteditable]:focus {
      padding: 0.25em;
    }

    [contenteditable]:hover {
      background: #fafafa;
    }

    [contenteditable]:focus {
      background: #efefef;
    }
  }

  mat-card-actions {
    display: flex;
    width: 100%;

    .editor-tools {
      padding-left: 0px;
    }
    .editor-actions-spacer {
      flex: 1 1 auto;
    }
    .editor-actions {
    }
  }
}