Merge branch 'master' of github.com:tracim/tracim_front

src/container/FlashMessage.jsx

@@ -0,0 +1,38 @@
+import React, { Component } from 'react'
+
+class FlashMessage extends Component {
+  render() {
+    return(
+      <div className='flashmessage'>
+        <div className='flashmessage__container card'>
+          <div className='flashmessage__container__header' />
+
+          <div className='card-body nopadding'>
+
+            <div className='flashmessage__container__close'>
+              <i className='fa fa-times' />
+            </div>
+
+            <div className='flashmessage__container__content'>
+              <div className='flashmessage__container__content__icon'>
+                <i className='fa fa-times-circle' />
+              </div>
+
+              <div className='flashmessage__container__content__text'>
+                <div className='flashmessage__container__content__text__title'>
+                  Sorry !
+                </div>
+                <div className='flashmessage__container__content__text__paragraph'>
+                  Reprehenderit reprehenderit veniam dolore velit dolor velit in occaecat dolor veniam nisi officia velit consequat amet cupidatat.
+                  Reprehenderit reprehenderit veniam dolore velit dolor velit in occaecat dolor veniam nisi officia velit consequat amet cupidatat.
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    )
+  }
+}
+
+export default FlashMessage

src/container/Tracim.jsx

@@ -6,6 +6,7 @@ import Sidebar from './Sidebar.jsx'
 import Login from './Login.jsx'
 import Dashboard from './Dashboard.jsx'
 import AccountPage from './AccountPage.jsx'
+import FlashMessage from './FlashMessage.jsx'
 import WorkspaceContent from './WorkspaceContent.jsx'
 import {
   Route,

src/css/FlashMessage.styl

@@ -0,0 +1,41 @@
+.flashmessage
+  position fixed
+  display flex
+  justify-content center
+  width 100%
+  z-index 3
+  &__container
+    margin-top 120px
+    border 0
+    border-radius 10px
+    width 800px
+    background lightGrey
+    box-shadow shadow-all
+    &__header
+      border-top-right-radius 10px
+      border-top-left-radius 10px
+      width 100%
+      height 8px
+      background-color calendar
+    &__close
+      display flex
+      justify-content flex-end
+      margin 5px
+      cursor pointer
+    &__content
+      display flex
+      align-items center
+      margin 10px 0 35px 0
+      &__icon
+        padding 0 30px
+        font-size 60px
+        color calendar
+      &__text
+        &__title
+          margin-bottom 10px
+          font-size 20px
+          font-weight 600
+          color calendar
+        &__paragraph
+          padding-right 20px
+          font-weight 500

src/css/index.styl

@@ -28,3 +28,4 @@ html, body, #content, #content > div
 @import 'UploadPopup'
 @import 'ProgressBar'
 
+@import 'FlashMessage'