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

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

@value color-labs-red, color-light-grey, color-mid-grey, color-dark-grey from '../colours.module.css';

.WrapperBlock {
  height: 100%;
  width: 100%;
  margin-bottom: 2em;
  line-height: 1.2em;
  overflow: hidden;
}

.markers {
  width: 25%;
  font-size: 0.8em;
  line-height: 1.2em;
  float: left;
}

.text {
  width: 75%;
  font-size: 1em;
  float: right;
  clear: right;
}

.speaker {
  display: inline-block;
  width: 50%;
  padding-right: 2em;
  vertical-align: middle;
  color: color-mid-grey;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.time {
  display: inline-block;
  width: 30%;
  font-weight: lighter;
  vertical-align: middle;
  cursor: pointer;
  float: right;
  line-height: 1.4em;
  margin-right: 0.5em;
}

.EditLabel {
  cursor: pointer;
  margin-right: 0.5em;
}