Bläddra i källkod

change the design of the latest version

AlexiCauvin 6 år sedan
förälder
incheckning
66d394ad23
2 ändrade filer med 9 tillägg och 3 borttagningar
  1. 4 1
      src/component/HtmlDocument.jsx
  2. 5 2
      src/css/index.styl

+ 4 - 1
src/component/HtmlDocument.jsx Visa fil

@@ -7,7 +7,10 @@ const HtmlDocument = props => {
7 7
     <div className='wsContentHtmlDocument__contentpage__textnote html-documents__contentpage__textnote'>
8 8
       {(props.mode === MODE.VIEW || props.mode === MODE.REVISION) &&
9 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 14
           <div className='html-documents__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
12 15
         </div>
13 16
       }

+ 5 - 2
src/css/index.styl Visa fil

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