@bbc/react-transcript-editor/dist/TranscriptEditor/TimedTextEditor/index.module.css

A React component to make transcribing audio and video easier and faster.

@value color-subt-green, color-darkest-grey, color-labs-red from '../colours.module.css';

.DraftEditor-root {
  background: #f9f9f9;
}

/*
Giving the editor a oveflow
https://github.com/facebook/draft-js/issues/528
*/
.editor :global(.public-DraftEditor-content) {
  max-height: 75vh;
  overflow: auto;
  background-color: white;
  padding: 20px;
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .editor {
    width: 100%;
    margin: 0 auto;
  }
}

.help {
  cursor: pointer;
  float: right;
  padding-right: 0.5em;
  padding-left: 11em;
  margin: 0.5em 0;
}

.icon {
  color: color-labs-red;
  margin-right: 0.5em;
}

.helpMessage span {
  display: block;
  font-size: 0.8em;
  font-weight: lighter;
  margin-top: 1em;
}