Browse Source

add a label on the addmember form

AlexiCauvin 7 years ago
parent
commit
601ad8ec96
2 changed files with 19 additions and 7 deletions
  1. 5 2
      src/container/Dashboard.jsx
  2. 14 5
      src/css/Dashboard.styl

+ 5 - 2
src/container/Dashboard.jsx View File

@@ -294,7 +294,9 @@ class Dashboard extends Component {
294 294
                   <div className='dashboard__memberlist__btnadd'>
295 295
                     <div className='dashboard__memberlist__btnadd__button'>
296 296
                       <div className='dashboard__memberlist__btnadd__button__avatar'>
297
-                        <img src={listMemberBtn} alt='avatar' />
297
+                        <div className='dashboard__memberlist__btnadd__button__avatar__icon'>
298
+                          <i className='fa fa-plus' />
299
+                        </div>
298 300
                       </div>
299 301
                       <div className='dashboard__memberlist__btnadd__button__text'>
300 302
                          Ajouter un membre
@@ -303,7 +305,8 @@ class Dashboard extends Component {
303 305
                   </div>
304 306
 
305 307
                   <form className='dashboard__memberlist__addmember'>
306
-                    <input type='text' className='dashboard__memberlist__addmember__name form-control' placeholder='Name' />
308
+                    <label className='dashboard__memberlist__addmember__label' for='addmember'>Indiqué le nom de l'utilisateur</label>
309
+                    <input type='text' id='addmember' className='dashboard__memberlist__addmember__name form-control' placeholder='Name' />
307 310
                     <div className='dashboard__memberlist__addmember__role'>
308 311
                       <div className='dashboard__memberlist__addmember__role__dropdown dropdown'>
309 312
                         <button className='dashboard__memberlist__addmember__role__dropdown__button btn btn-primary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>

+ 14 - 5
src/css/Dashboard.styl View File

@@ -160,11 +160,18 @@ bgandcolor()
160 160
         display flex
161 161
         align-items center
162 162
         &__avatar
163
+          display flex
164
+          justify-content center
165
+          align-items center
163 166
           margin-right 20px
167
+          border 2px dashed grey
168
+          border-radius 50%
169
+          width 50px
170
+          height 50px
164 171
           cursor pointer
165
-          img
166
-            width 50px
167
-            height 50px
172
+          &__icon
173
+            color grey
174
+            font-size 25px
168 175
         &__text
169 176
           font-size 18px
170 177
           color blue
@@ -186,7 +193,7 @@ bgandcolor()
186 193
         padding 10px 25px
187 194
         width auto
188 195
       &__role
189
-        margin-bottom 20px
196
+        margin-bottom 90px
190 197
         &__dropdown
191 198
           &__button
192 199
             border 1px solid blue
@@ -309,7 +316,7 @@ bgandcolor()
309 316
     &__calltoaction
310 317
       justify-content center
311 318
       &__button
312
-        margin-right 0
319
+        margin 10px
313 320
     &__activity
314 321
       margin 25px 0
315 322
       width 100%
@@ -329,6 +336,8 @@ bgandcolor()
329 336
       &__list
330 337
         height auto
331 338
         overflow-Y visible
339
+        &__item:nth-last-child(1)
340
+          border-bottom 1px solid grey
332 341
       &__btnadd
333 342
         border-top 0
334 343
     &__webdav