123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- @import "../../node_modules/tracim_lib/src/css/Variable.styl"
-
- bgandcolor()
- border-color threadColor
- color off-white
- background-color threadColor
-
- bgandcolorhover()
- border-color darkenThread
- background-color darkenThread
- box-shadow shadow-all-side-thread
-
- .wsContentThread
- width 1100px
- &__header
- color white
- background-color threadColor
- &__editionmode
- display none
- &__icon
- .fa-comments-o
- color white
- &__option
- &__menu
- .selectStatus
- margin-right 15px
- &__app
- display flex
- flex-flow column
- width 100%
- &__messagelist
- flex 1 1 auto
- margin 0
- padding 15px 35px
- list-style none
- overflow-y auto
- background-color off-white
- &__item
- &__avatar
- position relative
- top 40px
- left -20px
- & > img
- width 45px
- height 45px
- border-radius 25px
- &__createhour
- margin-left 35px
- opacity 0.7
- font-size 14px
- &__content
- display inline-block
- border 1px solid grey
- border-radius 5px
- padding 15px
- background-color off-white
- font-size 15px
- &__texteditor
- flex 0 1 auto
- border-top 1px solid grey
- padding 35px 20px
- &__textinput
- width 85%
- & > textarea
- border-radius 5px
- border 1.5px solid grey
- padding 5px
- height 80px
- width 100%
- &__wrapper
- display flex
- flex-direction column
- justify-content center
- &__advancedtext
- &__btn
- border-color threadColor
- color threadColor
- cursor pointer
- &:hover, &:focus
- bgandcolorhover()
- &__submit
- &__btn
- display flex
- cursor pointer
- bgandcolor()
- width 118px
- &:hover, &:focus
- bgandcolorhover()
-
- .received
- text-align right
- .wsContentGeneric__messagelist__item
- &__avatar
- left 20px
- &__createhour
- margin-left 0
- margin-right 35px
- &__content
- color white
- background-color threadColor
-
- .activeEditionTitle
- .wsContentThread
- &__header
- &__editionmode
- display block
- &__title
- display none
-
- .activeAdvancedText
- .wsContentThread__app
- &__texteditor
- padding 10px
- height 500px
- &__textinput
- width 100%
- &__wrapper
- flex-direction row
- width 100%
- &__advancedtext
- margin-right 20px
-
- @media (min-width: min-lg) and (max-width: max-lg)
- .wsContentThread
- width 900px
-
- @media (min-width: min-md) and (max-width: max-md)
- .wsContentThread
- width 700px
- &__app__texteditor__textinput
- width 75%
-
- @media (min-width: min-sm) and (max-width: max-sm)
- .wsContentThread
- top 69px
- width 500px
- &__app__texteditor__textinput
- width 70%
-
- @media (max-width: max-xs)
- .wsContentThread
- top 69px
- width 100%
- box-shadow none
- z-index 1
- &__app
- &__texteditor
- padding 55px 20px 30px 20px
- &__textinput
- width 60%
|