fixed SelectStatus css

src/component/Input/SelectStatus/SelectStatus.jsx

@@ -2,13 +2,15 @@ import React from 'react'
 import { translate } from 'react-i18next'
 import i18n from '../../../i18n.js'
 
+require('./SelectStatus.styl')
+
 export const SelectStatus = props => {
   translate.setI18n(props.i18n ? props.i18n : i18n) // mandatory to allow Apps to overrides trad
 
   return (
-    <div className='wsContentGeneric__option__menu__status dropdown'>
+    <div className='selectStatus dropdown'>
       <button
-        className='wsContentGeneric__option__menu__status__dropdownbtn check btn dropdown-toggle'
+        className='selectStatus__dropdownbtn check btn dropdown-toggle'
         type='button'
         id='dropdownMenu2'
         data-toggle='dropdown'
@@ -16,40 +18,40 @@ export const SelectStatus = props => {
         aria-expanded='false'
       >
         {props.t('Input.SelectStatus.validated')}
-        <div className='wsContentGeneric__option__menu__status__dropdownbtn__icon'>
+        <div className='selectStatus__dropdownbtn__icon'>
           <i className='fa fa-check' />
         </div>
       </button>
 
-      <div className='wsContentGeneric__option__menu__status__submenu dropdown-menu' aria-labelledby='dropdownMenu2'>
+      <div className='selectStatus__submenu dropdown-menu' aria-labelledby='dropdownMenu2'>
         <h6 className='dropdown-header'>{props.t('Input.SelectStatus.file_status')}</h6>
 
         <div className='dropdown-divider' />
 
-        <button className='wsContentGeneric__option__menu__status__submenu__item current  dropdown-item' type='button'>
+        <button className='selectStatus__submenu__item current  dropdown-item' type='button'>
           {props.t('Input.SelectStatus.ongoing')}
-          <div className='wsContentGeneric__option__menu__status__submenu__item__icon'>
+          <div className='selectStatus__submenu__item__icon'>
             <i className='fa fa-gears' />
           </div>
         </button>
 
-        <button className='wsContentGeneric__option__menu__status__submenu__item check dropdown-item' type='button'>
+        <button className='selectStatus__submenu__item check dropdown-item' type='button'>
           {props.t('Input.SelectStatus.validated')}
-          <div className='wsContentGeneric__option__menu__status__submenu__item__icon'>
+          <div className='selectStatus__submenu__item__icon'>
             <i className='fa fa-check' />
           </div>
         </button>
 
-        <button className='wsContentGeneric__option__menu__status__submenu__item invalid dropdown-item' type='button'>
+        <button className='selectStatus__submenu__item invalid dropdown-item' type='button'>
           {props.t('Input.SelectStatus.unvalidated')}
-          <div className='wsContentGeneric__option__menu__status__submenu__item__icon'>
+          <div className='selectStatus__submenu__item__icon'>
             <i className='fa fa-times' />
           </div>
         </button>
 
-        <button className='wsContentGeneric__option__menu__status__submenu__item ban dropdown-item' type='button'>
+        <button className='selectStatus__submenu__item ban dropdown-item' type='button'>
           {props.t('Input.SelectStatus.obsolete')}
-          <div className='wsContentGeneric__option__menu__status__submenu__item__icon'>
+          <div className='selectStatus__submenu__item__icon'>
             <i className='fa fa-ban' />
           </div>
         </button>

src/component/Input/SelectStatus/SelectStatus.styl

@@ -1,6 +1,6 @@
 @import '../../../css/Variable.styl'
 
-&__status
+.selectStatus
   margin-right 20px
   .current
     color blue

src/component/PopinFixed/PopinFixedOption.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-// import classnames from 'classnames'
+import classnames from 'classnames'
 import PropTypes from 'prop-types'
 import { translate } from 'react-i18next'
 import i18n from '../../i18n.js'
@@ -9,20 +9,19 @@ const PopinFixedOption = props => {
   translate.setI18n(props.i18n ? props.i18n : i18n) // mandatory to allow Apps to overrides trad
 
   return (
-    <div className='wsContentGeneric__option'>
-      <div className='wsContentGeneric__option__menu'>
-
-        <div className='wsFileFile__option__menu__addversion btn mr-auto'>
+    <div className={classnames('wsContentGeneric__option', `${props.customClass}__option`)}>
+      <div className={classnames('wsContentGeneric__option__menu', `${props.customClass}__option__menu`)}>
+        <div className='wsContentGeneric__option__menu__addversion btn mr-auto'>
           {props.t('PopinFixedOption.new_version')}
           <i className='fa fa-plus-circle' />
         </div>
 
-        {/* <SelectStatus /> */}
+        <SelectStatus />
 
-        <div className='wsContentGeneric__option__menu__action'>
+        <div className={classnames('wsContentGeneric__option__menu__action', `${props.customClass}__option__menu__action`)}>
           <i className='fa fa-archive' />
         </div>
-        <div className='wsContentGeneric__option__menu__action'>
+        <div className={classnames('wsContentGeneric__option__menu__action', `${props.customClass}__option__menu__action`)}>
           <i className='fa fa-trash' />
         </div>
       </div>

src/component/Timeline/Timeline.styl

@@ -16,7 +16,6 @@
     background-color grey-hover
   &__messagelist
     flex 1 1 auto
-    // flex 1 1 0
     margin-bottom 0
     padding-left 0
     border-bottom 1px solid grey

src/component/Timeline/debugData.js

@@ -10,7 +10,7 @@ export const TimelineDebugData = [{
     day: '28/11/17',
     hour: '11h45'
   },
-  text: "Ajout du paragraphe 3"
+  text: 'Ajout du paragraphe 3'
 }, {
   id: 1,
   type: 'message',