fixed style

src/component/PageHtml.jsx

@@ -3,11 +3,11 @@ import { TextAreaApp } from 'tracim_lib'
 
 const PageHtml = props => {
   return (
-    <div className='wsFilePageHtml__contentpage__textnote'>
-      <div className='wsFilePageHtml__contentpage__textnote__latestversion' dangerouslySetInnerHTML={{__html: props.version}} />
-      <div className='wsFilePageHtml__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
+    <div className='wsContentPageHtml__contentpage__textnote'>
+      <div className='wsContentPageHtml__contentpage__textnote__latestversion' dangerouslySetInnerHTML={{__html: props.version}} />
+      <div className='wsContentPageHtml__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
 
-      <TextAreaApp customClass={'wsFilePageHtml'} />
+      <TextAreaApp customClass={'wsContentPageHtml'} />
     </div>
   )
 }

src/container/PageHtml.jsx

@@ -18,7 +18,7 @@ const debug = {
   },
   appConfig: {
     name: 'PageHtml',
-    customClass: 'wsFilePageHtml',
+    customClass: 'wsContentPageHtml',
     icon: 'fa fa-file-word-o',
     apiUrl: 'http://localhost:3001'
   },

src/css/index.styl

@@ -1,6 +1,6 @@
 @import "../../node_modules/tracim_lib/src/css/Variable.styl"
 
-.wsFilePageHtml
+.wsContentPageHtml
   &__header
     background-color htmlColor
     &__editionmode
@@ -67,16 +67,16 @@
             background-color htmlColor
 
 .messagelistOpen
-  .wsFilePageHtml__contentpage__messagelist
+  .wsContentPageHtml__contentpage__messagelist
     flex 0
     min-height 0
 
 .received
-  .wsFilePageHtml__contentpage__messagelist__item__content
+  .wsContentPageHtml__contentpage__messagelist__item__content
     background-color htmlColor
 
 @media (min-width: max-xs) and (max-width: max-lg)
-  .wsFilePageHtml
+  .wsContentPageHtml
     &__contentpage
       display block
       overflow-Y scroll
@@ -103,19 +103,19 @@
               margin-left 15px
 
 @media (min-width: min-lg) and (max-width: max-lg)
-  .wsFilePageHtml
+  .wsContentPageHtml
     width 692px
     &__contentpage__texteditor__simpletext
       margin-left 15px
 
 @media (min-width: min-md) and (max-width: max-md)
-  .wsFilePageHtml
+  .wsContentPageHtml
     width 768px
     &__contentpage__texteditor__simpletext
       margin-left 25px
 
 @media (min-width: min-sm) and (max-width: max-sm)
-  .wsFilePageHtml
+  .wsContentPageHtml
     top 69px
     width 576px
     height calc(100% - 69px)
@@ -123,7 +123,7 @@
       margin-left 10px
 
 @media (max-width: max-xs)
-  .wsFilePageHtml
+  .wsContentPageHtml
     top 70px
     height calc(100% - 70px)
     width 100%

src/css/pageHtml.styl

@@ -1,160 +0,0 @@
-
-.wsFilePageHtml
-  &__header
-    background-color htmlColor
-    &__editionmode
-      display none
-    &__icon
-      .fa-file-word-o
-        color white
-  &__contentpage
-    &__textnote
-      margin 10px
-      border-radius 10px
-      padding 25px
-      height 100%
-      background-color off-white
-      &__latestversion
-        text-align right
-        opacity 0.7
-      &__text
-        font-size 14px
-      &__edition
-        display none
-    &__messagelist
-      min-height 300px
-      &__item
-        &__content
-          color darkGrey
-      &__version
-        margin-top 40px
-        background-color grey-hover
-        &__btn
-          padding 5px 25px
-          border-radius 5px
-          width 145px
-          color white
-          font-size 17px
-          background-color htmlColor
-          & > i
-            margin-right 10px
-            color darkGrey
-            font-size 22px
-          &:hover
-            background-color darkHtmlColor
-          &:focus
-            background-color darkHtmlColor
-        &__date
-          color fontColor
-          font-size 17px
-    &__texteditor
-      &__simpletext
-        &__input
-          &:focus
-            color htmlColor
-            border-color htmlColor
-      &__submit
-        &__btn
-          border-color htmlColor
-          background-color htmlColor
-          color white
-          &:hover
-            border-color htmlColor
-            background-color htmlColor
-          &:focus
-            border-color htmlColor
-            background-color htmlColor
-
-.messagelistOpen
-  .wsFilePageHtml__contentpage__messagelist
-    flex 0
-    min-height 0
-
-.received
-  .wsFilePageHtml__contentpage__messagelist__item__content
-    background-color htmlColor
-
-@media (min-width: max-xs) and (max-width: max-lg)
-  .wsFilePageHtml
-    &__contentpage
-      display block
-      overflow-Y scroll
-      &__textnote
-        margin-right 10px
-        padding 10px 20px
-        width auto
-        overflow-Y hidden
-        &__latestversion
-          padding-top 10px
-      &__wrapper
-        width auto
-      &__texteditor
-        &__simpletext
-          display inline-flex
-          width 60%
-        &__submit
-          display inline-flex
-          margin 10px 0
-          &__btn
-            display flex
-            margin-left 35px
-            &__icon
-              margin-left 15px
-
-@media (min-width: min-lg) and (max-width: max-lg)
-  .wsFilePageHtml
-    width 692px
-    &__contentpage__texteditor__simpletext
-      margin-left 15px
-
-@media (min-width: min-md) and (max-width: max-md)
-  .wsFilePageHtml
-    width 768px
-    &__contentpage__texteditor__simpletext
-      margin-left 25px
-
-@media (min-width: min-sm) and (max-width: max-sm)
-  .wsFilePageHtml
-    top 69px
-    width 576px
-    height calc(100% - 69px)
-    &__contentpage__texteditor__simpletext
-      margin-left 10px
-
-@media (max-width: max-xs)
-  .wsFilePageHtml
-    top 70px
-    height calc(100% - 70px)
-    width 100%
-    box-shadow none
-    &__contentpage
-      display block
-      overflow-Y scroll
-      &__textnote
-        margin-right 10px
-        width auto
-        overflow-Y hidden
-        font-size 15px
-      &__wrapper
-        width auto
-      &__messagelist
-        &__item
-          padding 0 35px 20px 30px
-        &__version
-          &__btn
-            font-size 17px
-            vertical-align middle
-          &__dateversion
-            font-size 15px
-      &__texteditor
-        &__simpletext
-          margin 10px 0
-          display flex
-          width 95%
-          margin-left 10px
-        &__submit
-          &__btn
-            display flex
-            margin 0 auto
-            &__icon
-              margin-left 10px