redo fixes before repo merge

frontend_lib/src/component/Input/SelectStatus/SelectStatus.styl

@@ -16,6 +16,7 @@
       display inline-block
       margin 0 15px
   &__submenu
+    width 100%
     &__item
       display flex
       justify-content space-between

frontend_lib/src/component/Timeline/Timeline.jsx

@@ -34,7 +34,15 @@ class Timeline extends React.Component {
             className={classnames(`${props.customClass}__header`, 'timeline__header')}
             onClick={props.toggleRightPart}
           >
-            <span className='timeline__header__text'>Timeline</span>
+            <div className='timeline__header__icon mt-3 mb-auto'>
+              <i className={classnames('fa fa-fw', {'fa-angle-double-right': props.rightPartOpen, 'fa-angle-double-left': !props.rightPartOpen})} />
+            </div>
+            <div className='timeline__header__title'>
+              Timeline
+            </div>
+            <div className='timeline__header__icon mb-3 mt-auto'>
+              <i className={classnames('fa fa-fw', {'fa-angle-double-right': props.rightPartOpen, 'fa-angle-double-left': !props.rightPartOpen})} />
+            </div>
           </div>
         }
 
@@ -71,7 +79,7 @@ class Timeline extends React.Component {
             <div className={classnames(`${props.customClass}__texteditor__textinput`, 'timeline__body__texteditor__textinput')}>
               <textarea
                 id='wysiwygTimelineComment'
-                placeholder='Taper votre commentaire ici'
+                placeholder='Votre message ...'
                 value={props.newComment}
                 onChange={props.onChangeNewComment}
                 disabled={props.disableComment}
@@ -147,7 +155,8 @@ Timeline.propTypes = {
   onClickWysiwygBtn: PropTypes.func,
   onClickRevisionBtn: PropTypes.func,
   shouldScrollToBottom: PropTypes.bool,
-  showHeader: PropTypes.bool
+  showHeader: PropTypes.bool,
+  rightPartOpen: PropTypes.bool // irrelevent if showHeader in false
 }
 
 Timeline.defaultProps = {
@@ -163,5 +172,6 @@ Timeline.defaultProps = {
   wysiwyg: false,
   onClickWysiwygBtn: () => {},
   shouldScrollToBottom: true,
-  showHeader: true
+  showHeader: true,
+  rightPartOpen: false
 }

frontend_lib/src/component/Timeline/Timeline.styl

@@ -9,16 +9,16 @@
   height 100%
   &__header
     display flex
-    width 50px
+    flex-direction column
     border-radius 10px 0 0 10px
-    padding 15px
+    width 50px
     background-color grey-hover
-    text-align center
     font-size 20px
     color darkGrey
     cursor pointer
-    &__text
-      margin auto 0 auto -25px
+    &__icon
+      text-align center
+    &__title
       transform rotate(-90deg)
   &__body
     display flex
@@ -79,9 +79,9 @@
         &__date
           color fontColor
           font-size 17px
-          margin auto 0
+          margin auto 15px
     &__texteditor
-      flex 1 0 auto
+      flex 0 1 auto
       margin 20px
       &__textinput
         width 100%
@@ -136,3 +136,5 @@
   .timeline
     display block
     margin 0
+    &__messagelist__version__date
+      font-size 15px