fix before RMLL 2018

src/component/Input/TextAreaApp/TextAreaApp.styl

@@ -1,7 +1,7 @@
 @import '../../../css/Variable.styl'
 
 .editiontitle
-  width 300px
+  width 100%
 
 .editionmode
   display flex

src/component/OptionComponent/ArchiveDeleteContent.jsx

@@ -8,6 +8,7 @@ const ArchiveDeleteContent = props => {
         className='wsContentGeneric__option__menu__action optionicon d-none d-sm-block'
         onClick={props.onClickArchiveBtn}
         disabled={props.disabled}
+        title='Archiver'
       >
         <i className='fa fa-fw fa-archive' />
       </button>
@@ -16,6 +17,7 @@ const ArchiveDeleteContent = props => {
         className='wsContentGeneric__option__menu__action optionicon d-none d-sm-block'
         onClick={props.onClickDeleteBtn}
         disabled={props.disabled}
+        title='Supprimer'
       >
         <i className='fa fa-fw fa-trash' />
       </button>

src/component/OptionComponent/NewVersionBtn.jsx

@@ -7,7 +7,7 @@ const NewVersionBtn = props => {
       onClick={props.onClickNewVersionBtn}
       disabled={props.disabled}
     >
-      Nouvelle version
+      Modifier
       <i className='fa fa-plus-circle ml-3' />
     </button>
   )

src/component/PopinFixed/PopinFixed.styl

@@ -23,6 +23,7 @@
     &__title
       margin-right 15px
       border-radius 5px
+      width 100%
       color white
       text-overflow ellipsis
       overflow hidden

src/component/PopinFixed/PopinFixedHeader.jsx

@@ -46,7 +46,7 @@ class PopinFixedHeader extends React.Component {
           className={classnames('wsContentGeneric__header__edittitle', `${customClass}__header__changetitle`)}
           onClick={this.handleClickChangeTitleBtn}
         >
-          {this.state.editTitle ? <i className='fa fa-check' /> : <i className='fa fa-pencil' />}
+          {this.state.editTitle ? <i className='fa fa-check' title='Valider le Titre' /> : <i className='fa fa-pencil' title='Modifier le Titre' />}
         </div>
 
         <div

src/component/Timeline/Comment.jsx

@@ -5,8 +5,8 @@ const Comment = props => (
   <li className={classnames(
     `${props.customClass}__messagelist__item`,
     'timeline__messagelist__item', {
-      'sended': props.fromMe,
-      'received': !props.fromMe
+      'received': props.fromMe, // @FIXME : invert names of class (received should be !fromMe)
+      'sended': !props.fromMe
     }
   )}>
     <div className={classnames(`${props.customClass}__messagelist__item__wrapper`, 'timeline__messagelist__item__wrapper')}>

src/component/Timeline/Timeline.jsx

@@ -80,7 +80,7 @@ class Timeline extends React.Component {
                 onClick={props.onClickWysiwygBtn}
                 disabled={props.disableComment}
               >
-                {props.wysiwyg ? 'Text Simple' : 'Texte Avancé'}
+                {props.wysiwyg ? 'Texte Simple' : 'Texte Avancé'}
               </button>
             </div>
 

src/component/Timeline/Timeline.styl

@@ -89,6 +89,7 @@
       margin-top 10px
     &__advancedtext
       margin-right 15px
+      cursor pointer
     &__submit
       &__btn
         display inline-block