integration of the edition mode

src/component/Workspace/FileType/PageHtml.jsx

@@ -9,6 +9,12 @@ const PageHtml = props => {
       <div className='wsFilePageHtml__contentpage__textnote__text'>
         { props.text }
       </div>
+
+      <form className='wsFilePageHtml__contentpage__textnote__edition editionmode'>
+        <textarea className='wsFilePageHtml__contentpage__textnote__edition__text editionmode__text' />
+        <input type='submit' className='wsFilePageHtml__contentpage__textnote__edition__submit editionmode__submit' value='Valider' />
+      </form>
+
     </div>
   )
 }

src/component/common/PopinFixed/PopinFixedHeader.jsx

@@ -13,6 +13,10 @@ const PopinFixedHeader = props => {
         {props.name}
       </div>
 
+      <div className={classnames('editiontitle mr-auto', `${props.customClass}__header__editionmode`)}>
+        <input className='editiontitle__input form-control' placeholder='Titre du fichier' />
+      </div>
+
       <div className={classnames('wsFileGeneric__header__edittitle', `${props.customClass}__header__changetitle`)}>
         <i className='fa fa-pencil' />
       </div>

src/css/Generic.styl

@@ -162,6 +162,32 @@
       border-radius 10px
       padding 15px 25px
 
+
+/***** EDITION MODE  ******/
+
+.editiontitle
+  width 60%
+
+.editionmode
+  display flex
+  flex-direction column
+  align-items center
+  &__text
+    margin-bottom 25px
+    width 100%
+    height 400px
+  &__submit
+    border 1px solid blue
+    box-shadow none
+    border-radius 10px
+    padding 8px 45px
+    background-color transparent
+    color blue
+    &:hover, &:focus
+      background-color blue
+      color off-white
+
+
 /********************/
 
 /*** PAGE FILE, THREAD, HTML, MARKDOWN, ISSUE ***/
@@ -258,7 +284,6 @@
         font-size 18px
         cursor pointer
         &:hover , &:focus
-          font-size 22px
           color blue
   &__wrapper
     display flex

src/css/PageHtml.styl

@@ -4,6 +4,8 @@
   overflow-Y auto
   &__header
     background-color htmlColor
+    &__editionmode
+      display none
     &__icon
       .fa-file-word-o
         color white
@@ -22,6 +24,8 @@
         opacity 0.7
       &__text
         font-size 14px
+      &__edition
+        display none
     &__wrapper
       border-radius 10px
       width 45%
@@ -85,7 +89,22 @@
 
 .received
   .wsFilePageHtml__contentpage__messagelist__item__content
-      background-color htmlColor
+    background-color htmlColor
+
+.activeEditionTitle
+  .wsFilePageHtml
+    &__header
+      &__editionmode
+        display block
+      &__title
+        display none
+
+.activeEditionText
+  .wsFilePageHtml__contentpage__textnote
+    &__edition
+      display flex
+    &__text
+      display none
 
 @media (min-width: max-xs) and (max-width: max-lg)
   .wsFilePageHtml

src/css/Thread.styl

@@ -3,6 +3,11 @@
   &__header
     color white
     background-color threadColor
+    &__editionmode
+      display none
+    &__icon
+      .fa-comments-o
+        color white
   &__wrapper
     height calc(100% - 209px) /* height of chat__header + height of option + top of chat */
   &__messagelist
@@ -25,6 +30,14 @@
       background-color darkBlue
       color white
 
+.activeEditionTitle
+  .wsFileThread
+    &__header
+      &__editionmode
+        display block
+      &__title
+        display none
+
 @media (min-width: max-xs) and (max-width: max-lg)
   .wsFileThread
     &__texteditor