tracim_v2/src/plugin/ContentType/Thread/Thread.styl

.wsContentThread
  width 550px
  &__header
    color white
    background-color threadColor
  &__wrapper
    height calc(100% - 209px) /* height of chat__header + height of option + top of chat */
  &__messagelist
    padding 15px 35px
    &__item
      &__content
        color darkBlue
  &__texteditor
    &__simpletext
      &__input
        &:focus
          color darkBlue
          border-color darkBlue
    &__submit
      &__btn
        color darkBlue

.received
  .wsContentThread__messagelist__item__content
      background-color darkBlue
      color white

@media (min-width: max-xs) and (max-width: max-lg)
  .wsContentThread
    &__texteditor
      padding 7px
      &__simpletext
        display inline-flex
      &__submit
        display inline-flex
        width 80px

@media (min-width: min-sm) and (max-width: max-sm)
  .wsContentThread
    top 69px

@media (max-width: max-xs)
  .wsContentThread
    top 69px
    width 100%
    box-shadow none
    z-index 1
    &__texteditor
      padding 7px
      &__simpletext
        display inline-flex
        margin-right 15px
        width 62%
      &__submit
        display inline-flex
        width 80px