@import "variables.styl"


lr-editor

  border-radius 3px
  display block
  margin 0.5vh 0.5vw
  width 99%

  div.toolbar
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    a.format
      padding 0.8vh
      display inline-block
      cursor pointer
      margin 0.1vh
      border-radius: 0.2vh;

  div.editor
    display block
    min-height 1em
    padding 1vh 1vw
    border-radius 3px
    overflow auto

    img
      max-width 90%
      max-height 50vh
      height auto
      width auto

.compose
  lr-editor
    border-radius 3px
    display block
    margin 0
    width 99%

    div.toolbar
      margin 0
      padding 0
      line-height: calc(3em - 0.5vh);
      height 0
      overflow hidden

      .uploadEditorButton
        position relative

      a.format
        padding 0.1vh 0.25vw
        margin 0 0

      :first-child
        margin-left 0
        padding-left 0

    div.editor
      outline none
      margin-top calc(0.691em + 0.5vh - 1px)
      min-height 1.8em
      max-height calc(60vh)
      line-height 1.618
      padding 0
      transition height $slowAnimationDuration
      &.ng-untouched.ng-empty.ng-dirty::after
        content attr(placeholder) " "

.compose.open
  lr-editor
    div.toolbar
      height  calc(3em - 0.5vh)
      border-bottom solid 1px alpha($normalGrey, 50%)
    div.editor
      max-height calc(60vh - 3.5em)
      margin-top 0.05em