Browse Source

fixed the css

AlexiCauvin 7 years ago
parent
commit
ade8d53aa5
2 changed files with 27 additions and 23 deletions
  1. 5 5
      src/component/Thread.jsx
  2. 22 18
      src/css/index.styl

+ 5 - 5
src/component/Thread.jsx View File

26
       </ul>
26
       </ul>
27
 
27
 
28
       <form className='wsContentThread__app__texteditor wsContentGeneric__texteditor'>
28
       <form className='wsContentThread__app__texteditor wsContentGeneric__texteditor'>
29
-        <div className='wsContentThread__app__texteditor__simpletext wsContentGeneric__texteditor__simpletext input-group'>
29
+        <div className='wsContentThread__app__texteditor__simpletext wsContentGeneric__texteditor__simpletext input-group d-inline-flex d-sm-inline-flex d-md-inline-flex d-lg-none'>
30
           <input type='text' className='wsContentThread__app__texteditor__simpletext__input wsContentGeneric__texteditor__simpletext__input form-control' placeholder='...' />
30
           <input type='text' className='wsContentThread__app__texteditor__simpletext__input wsContentGeneric__texteditor__simpletext__input form-control' placeholder='...' />
31
 
31
 
32
           <div className='wsContentThread__app__texteditor__simpletext__icon wsContentGeneric__texteditor__simpletext__icon input-group-addon'>
32
           <div className='wsContentThread__app__texteditor__simpletext__icon wsContentGeneric__texteditor__simpletext__icon input-group-addon'>
34
           </div>
34
           </div>
35
         </div>
35
         </div>
36
 
36
 
37
-        <div className='wsContentGeneric__texteditor__wysiwyg d-none d-xl-block'>
38
-          <textarea />
37
+        <div className='wsContentGeneric__texteditor__wysiwyg d-none d-lg-block'>
38
+          <textarea className='form-control' />
39
         </div>
39
         </div>
40
 
40
 
41
-        <div className='wsContentThread__app__texteditor__submit wsContentGeneric__texteditor__submit d-xl-flex justify-content-xl-center'>
41
+        <div className='wsContentThread__app__texteditor__submit wsContentGeneric__texteditor__submit d-lg-flex justify-content-lg-center my-3'>
42
           <button type='submit' className='wsContentThread__app__texteditor__submit__btn wsContentGeneric__texteditor__submit__btn btn btn-primary'>
42
           <button type='submit' className='wsContentThread__app__texteditor__submit__btn wsContentGeneric__texteditor__submit__btn btn btn-primary'>
43
             Envoyer
43
             Envoyer
44
-            <div className='wsContentThread__app__texteditor__submit__btn__icon wsContentGeneric__texteditor__submit__btn__icon'>
44
+            <div className='wsContentThread__app__texteditor__submit__btn__icon wsContentGeneric__texteditor__submit__btn__icon ml-3'>
45
               <i className='fa fa-paper-plane-o' />
45
               <i className='fa fa-paper-plane-o' />
46
             </div>
46
             </div>
47
           </button>
47
           </button>

+ 22 - 18
src/css/index.styl View File

48
             border-color darkBlue
48
             border-color darkBlue
49
       &__submit
49
       &__submit
50
         &__btn
50
         &__btn
51
-          color darkBlue
51
+          display flex
52
+          color off-white
53
+          background-color darkBlue
52
 
54
 
53
 .received
55
 .received
54
   text-align right
56
   text-align right
70
       &__title
72
       &__title
71
         display none
73
         display none
72
 
74
 
73
-@media (min-width: max-xs) and (max-width: max-lg)
75
+@media (min-width: max-xs) and (max-width: max-md)
74
   .wsContentThread
76
   .wsContentThread
75
-    &__texteditor
76
-      padding 7px
77
-      &__simpletext
78
-        display inline-flex
79
-      &__submit
80
-        display inline-flex
81
-        width 80px
77
+    &__app
78
+      &__texteditor
79
+        padding 7px
80
+        &__simpletext
81
+          display inline-flex
82
+          width 70%
83
+        &__submit
84
+          display inline-flex
85
+          margin-left 30px
82
 
86
 
83
 @media (min-width: min-sm) and (max-width: max-sm)
87
 @media (min-width: min-sm) and (max-width: max-sm)
84
   .wsContentThread
88
   .wsContentThread
90
     width 100%
94
     width 100%
91
     box-shadow none
95
     box-shadow none
92
     z-index 1
96
     z-index 1
93
-    &__texteditor
94
-      padding 7px
95
-      &__simpletext
96
-        display inline-flex
97
-        margin-right 15px
98
-        width 62%
99
-      &__submit
100
-        display inline-flex
101
-        width 80px
97
+    &__app
98
+      &__texteditor
99
+        padding 7px
100
+        &__simpletext
101
+          display inline-flex
102
+          margin-right 15px
103
+          width 62%
104
+        &__submit
105
+          display inline-flex