multiple modification in the front, modification on css rules, adding icon in jsx

jsonserver/static_db.json

@@ -99,7 +99,7 @@
   }],
   "workspace_detail": {
     "id": 1,
-    "title": "Liste des contenus",
+    "title": "Tous les contenus",
     "owner_id": 5,
     "content": [
       {
@@ -218,7 +218,7 @@
       "day": "27/11/17",
       "hour": "11h45"
     },
-    "text": "Voici le début de ce qui nous servira de cachier des charges pour la partie design du logiciel, chacun peut completer le documents, nésité pas à faire des retours ! "
+    "text": "Voici le début de ce qui nous servira de cachier des charges pour la partie design du logiciel, chacun peut completer le documents, n'hésité pas à faire des retours ! "
   }, {
     "id": 1,
     "type": "message",
@@ -249,8 +249,8 @@
     "id": 3,
     "type": "version",
     "author": {
-      "id": 1,
-      "username": "smoi",
+      "id": 5,
+      "username": "stoi",
       "avatar": "https://www.algoo.fr/static/images/algoo_images/algoo-logo.jpg"
     },
     "createdAt": {

src/component/Header/MenuActionListItem/MenuProfil.jsx

@@ -15,9 +15,15 @@ const MenuProfil = props => {
             </div>
           </button>
           <div className='profilgroup__setting dropdown-menu' aria-labelledby='dropdownMenuButton'>
-            <Link className='setting__link dropdown-item' to={PAGE.ACCOUNT}>Mon compte</Link>
+            <Link className='setting__link dropdown-item' to={PAGE.ACCOUNT}>
+              <i className='fa fa-fw fa-user-o mr-2' />
+              Mon compte
+            </Link>
             {/* <div className='setting__link dropdown-item'>Mot de passe</div> */}
-            <div className='setting__link dropdown-item' onClick={props.onClickLogout}>Se déconnecter</div>
+            <div className='setting__link dropdown-item' onClick={props.onClickLogout}>
+              <i className='fa fa-fw fa-sign-out mr-2' />
+              Se déconnecter
+            </div>
           </div>
         </div>
       </li>

src/component/common/layout/PageTitle.jsx

@@ -5,7 +5,10 @@ import classnames from 'classnames'
 const PageTitle = props => {
   return (
     <div className={classnames(props.parentClass, props.customClass, 'pageTitleGeneric')}>
-      <div className={classnames(`${props.parentClass}__title`, 'pageTitleGeneric__title')}>
+      <div className={classnames(`${props.parentClass}__title`, 'pageTitleGeneric__title d-flex align-items-center')}>
+        <div className='pageTitleGeneric__title__icon mr-3'>
+          <i className='fa fa-fw fa-th' />
+        </div>
         {props.title}
       </div>
       {props.children}

src/container/Sidebar.jsx

@@ -78,7 +78,7 @@ class Sidebar extends React.Component {
           </nav>
 
           <div className='sidebar__btnnewworkspace'>
-            <button className='sidebar__btnnewworkspace__btn btn btn-primary'>
+            <button className='sidebar__btnnewworkspace__btn btn btn-primary mb-5'>
               {t('Sidebar.create_new_workspace')}
             </button>
           </div>

src/css/ExtandedAction.styl

@@ -1,13 +1,4 @@
 .extandedaction
-  .btn-outline-primary
-    color fontColor
-    border-color secondColor
-    &:hover, &:focus, &:active
-      color off-white
-      border-color thirdColor
-      background-color thirdColor
-      box-shadow 0 0 1px 2px fifthColor
-      outline fifthColor
   &__subdropdown
     margin 0
     padding 0

src/css/Generic.styl

@@ -32,6 +32,11 @@
   border-color hover-button
   box-shadow 0 0 1px 2px secondColor
 
+.dropdown-item
+  &:hover, &:focus, &:visited, &:focus-within
+    background-color thirdColor
+    color off-white
+
 .sidebarpagecontainer
   display flex
   padding-top 88px
@@ -110,7 +115,7 @@
       cursor pointer
 
 .fa-file-image-o
-  color previewColor
+  color fileColor
 
 .fa-comments-o
   color threadColor

src/css/Header.styl

@@ -102,10 +102,9 @@
             left inherit
             right 0
             cursor pointer
-            .dropdown-item
+            .setting__link
+              padding 10px
               color fontColor
-            &__link
-              padding 10px 0
 
 @media (min-width: min-lg) and (max-width: max-lg)
   .header

src/css/Login.styl

@@ -1,7 +1,7 @@
 .loginpage
   padding-top 85px // 85 = header height
   min-height calc(100% - 50px)
-  background darkBlue url('../img/tracimLogoAsBg.png') no-repeat 25% 3px
+  background secondColor url('../img/tracimLogoAsBg.png') no-repeat 25% 3px
   background-size contain
   width 100%
   &__logo
@@ -13,7 +13,7 @@
     box-shadow shadow-right
     margin-bottom 50px
     .connection__header
-      background-color blue
+      background-color thirdColor
       color #FFF
       font-size 25px
   .connection__form

src/css/Sidebar.styl

@@ -27,7 +27,6 @@ sidebar-animate-speed = 0.5s
   top 87px
 
 leftside()
-  flex-grow 0
   height 100%
   font-size 18px
   background-color rgba(253, 253, 253, 0.3)
@@ -83,12 +82,12 @@ leftside()
           &:hover
             background-color fifthColor
         &__number
+          display flex
           leftside()
           padding 12px
           width 50px
           letter-spacing 2px
         &__name
-          flex-grow 2
           padding 10px
           font-size 20px
           color off-white
@@ -96,8 +95,7 @@ leftside()
           overflow hidden
           text-overflow ellipsis
         &__icon
-          flex-grow 0
-          padding 10px
+          margin 0 10px 0 auto
           color white
         &__submenu
           margin 0

src/css/Variable.styl

@@ -79,7 +79,7 @@ danger = #e81a32
 /**** BOX SHADOW ****/
 shadow-bottom = 0px 0px 5px 1px #606060
 shadow-right = 2px 2px 5px 0px #404040
-shadow-all = 1px 1px 5px 2px #ababab
+shadow-all = 0px 0px 3px 1px #656565
 shadow-all-side-blue = 0px 0px 1px 1px lightBlue
 shadow-all-side-green = 0 0 1px 2px green
 shadow-all-side-thread = 0 0 1px 2px threadColor