Browse Source

change the design of the latest version

AlexiCauvin 6 years ago
parent
commit
66d394ad23
2 changed files with 9 additions and 3 deletions
  1. 4 1
      src/component/HtmlDocument.jsx
  2. 5 2
      src/css/index.styl

+ 4 - 1
src/component/HtmlDocument.jsx View File

7
     <div className='wsContentHtmlDocument__contentpage__textnote html-documents__contentpage__textnote'>
7
     <div className='wsContentHtmlDocument__contentpage__textnote html-documents__contentpage__textnote'>
8
       {(props.mode === MODE.VIEW || props.mode === MODE.REVISION) &&
8
       {(props.mode === MODE.VIEW || props.mode === MODE.REVISION) &&
9
         <div>
9
         <div>
10
-          <div className='html-documents__contentpage__textnote__latestversion' dangerouslySetInnerHTML={{__html: props.version}} />
10
+          <div className='html-documents__contentpage__textnote__latestversion'>
11
+            version n°
12
+            <div dangerouslySetInnerHTML={{__html: props.version}} />
13
+          </div>
11
           <div className='html-documents__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
14
           <div className='html-documents__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
12
         </div>
15
         </div>
13
       }
16
       }

+ 5 - 2
src/css/index.styl View File

48
         btncolor()
48
         btncolor()
49
   &__contentpage
49
   &__contentpage
50
     &__textnote
50
     &__textnote
51
-      margin 10px
51
+      margin 10px 5px 10px 10px
52
       border-radius 10px
52
       border-radius 10px
53
       padding 25px
53
       padding 25px
54
       height 100%
54
       height 100%
55
       background-color off-white
55
       background-color off-white
56
       &__latestversion
56
       &__latestversion
57
+        display flex
58
+        justify-content flex-end
59
+        align-items center
57
         text-align right
60
         text-align right
58
         opacity 0.7
61
         opacity 0.7
59
       &__text
62
       &__text
61
       &__edition
64
       &__edition
62
         display none
65
         display none
63
     &__messagelist
66
     &__messagelist
64
-      // min-height 300px
67
+      min-height 300px
65
       &__item
68
       &__item
66
         &__avatar
69
         &__avatar
67
           background-color darkHtmlColor
70
           background-color darkHtmlColor