rework of the footer and correction of the responsive in progress

src/container/Dashboard.jsx

@@ -434,9 +434,8 @@ class Dashboard extends React.Component {
                     <form className='dashboard__memberlist__form'>
                       <div
                         className='dashboard__memberlist__form__close d-flex justify-content-end'
-                        onClick={this.handleToggleNewMemberDashboard}
                       >
-                        <i className='fa fa-times' />
+                        <i className='fa fa-times' onClick={this.handleToggleNewMemberDashboard} />
                       </div>
                       <div className='dashboard__memberlist__form__member'>
                         <div className='dashboard__memberlist__form__member__name'>
@@ -521,7 +520,7 @@ class Dashboard extends React.Component {
             </div>
 
             <div className='dashboard__moreinfo'>
-              <div className='dashboard__moreinfo__webdav genericBtnInfoDashboard mr-5'>
+              <div className='dashboard__moreinfo__webdav genericBtnInfoDashboard'>
                 <div
                   className='dashboard__moreinfo__webdav__btn genericBtnInfoDashboard__btn'
                   onClick={this.handleToggleWebdavBtn}

src/container/Sidebar.jsx

@@ -88,6 +88,15 @@ class Sidebar extends React.Component {
               {t('Sidebar.create_new_workspace')}
             </button>
           </div>
+
+          <div className='sidebar__footer mb-2'>
+            <div className='sidebar__footer__text d-flex align-items-end justify-content-center'>
+              Copyright - 2013 - 2018
+              <div className='sidebar__footer__text__link'>
+                <a href='http://www.tracim.fr/' target='_blank' className='ml-3'>tracim.fr</a>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     )

src/container/Tracim.jsx

@@ -72,7 +72,8 @@ class Tracim extends React.Component {
           <PrivateRoute path={PAGE.ACCOUNT} component={Account} />
           <PrivateRoute path={'/wip/:cp'} component={WIPcomponent} /> {/* for testing purpose only */}
 
-          <Footer />
+          {/* <Footer /> */}
+
         </div>
 
       </div>

src/container/WorkspaceContent.jsx

@@ -274,7 +274,7 @@ class WorkspaceContent extends React.Component {
             </div>
 
             <DropdownCreateButton
-              customClass='workspace__content__button mb-5'
+              customClass='workspace__content__button'
               idFolder={null}
               onClickCreateContent={this.handleClickCreateContent}
               availableApp={contentType}

src/css/ContentItem.styl

@@ -30,9 +30,6 @@
     justify-content space-between
     flex-grow 2
     flex-shrink 2
-    white-space nowrap
-    overflow hidden
-    text-overflow ellipsis
     &__text
       margin-right 10px
       font-size 17px

src/css/Dashboard.styl

@@ -224,7 +224,8 @@ coloricon()
       background-color off-white
       &__close
         font-size 20px
-        cursor pointer
+        & > i
+          cursor pointer
       &__member
         &__name
           .name__label

src/css/ExtandedAction.styl

@@ -6,3 +6,14 @@
     .subdropdown
       &__item
         padding 10px
+
+
+@media (min-width: min-sm) and (max-width: max-md)
+
+  .extandedaction
+    display none
+
+@media (max-width: max-xs)
+
+  .extandedaction
+    display none

src/css/File.styl

@@ -202,75 +202,75 @@
                 &__icon
                   margin-left 15px
 
-/**** MEDIA 992px & 1199px ****/
+// /**** MEDIA 992px & 1199px ****/
 
-@media (min-width: min-lg) and (max-width: max-lg)
+// @media (min-width: min-lg) and (max-width: max-lg)
 
-  .wsFileFile
-    width 900px
-    overflow-Y auto
+//   .wsFileFile
+//     width 900px
+//     overflow-Y auto
 
-/******************************/
+// /******************************/
 
-/**** MEDIA 768px & 991px ****/
+// /**** MEDIA 768px & 991px ****/
 
-@media (min-width: min-md) and (max-width: max-md)
+// @media (min-width: min-md) and (max-width: max-md)
 
-  .wsFileFile
-    width 100%
+//   .wsFileFile
+//     width 100%
 
-/******************************/
+// /******************************/
 
-/**** MEDIA 576px & 767px ****/
+// /**** MEDIA 576px & 767px ****/
 
-@media (min-width: min-sm) and (max-width: max-sm)
+// @media (min-width: min-sm) and (max-width: max-sm)
 
-  .wsFileFile
-    top 69px
-    width 100%
-    height calc(100% - 69px) // 69px => top rules
-    overflow-Y scroll
+//   .wsFileFile
+//     top 69px
+//     width 100%
+//     height calc(100% - 69px) // 69px => top rules
+//     overflow-Y scroll
 
-/******************************/
+// /******************************/
 
-/**** MEDIA 575px ****/
+// /**** MEDIA 575px ****/
 
-@media (max-width: max-xs)
+// @media (max-width: max-xs)
 
-  .activesidebar
-    .wsFileFile__contentpage__preview
-      &__sidebar
-        &__property
-          width 300px
+//   .activesidebar
+//     .wsFileFile__contentpage__preview
+//       &__sidebar
+//         &__property
+//           width 300px
 
-  .wsFileFile
-    top 69px
-    width 100%
-    height calc(100% - 69px) // 69px => top rules
-    overflow-Y scroll
-    &__option__menu__addversion
-        padding 8px 5px
-        & > i
-          display none
-    &__contentpage
-      display block
-      &__preview
-        display flex
-        flex-direction column
-        width calc(100% - 30px) // 30px => margin
-      &__wrapper
-        width calc(100% - 30px) // 30px => margin
-        .timeline
-          &__texteditor
-            &__simpletext
-              display inline-flex
-              width 60%
-              margin-right 0
-            &__submit
-              display inline-flex
-              margin 10px 0
-              &__btn
-                display flex
-                margin-left 10px
-                &__icon
-                  margin-left 15px
+//   .wsFileFile
+//     top 69px
+//     width 100%
+//     height calc(100% - 69px) // 69px => top rules
+//     overflow-Y scroll
+//     &__option__menu__addversion
+//         padding 8px 5px
+//         & > i
+//           display none
+//     &__contentpage
+//       display block
+//       &__preview
+//         display flex
+//         flex-direction column
+//         width calc(100% - 30px) // 30px => margin
+//       &__wrapper
+//         width calc(100% - 30px) // 30px => margin
+//         .timeline
+//           &__texteditor
+//             &__simpletext
+//               display inline-flex
+//               width 60%
+//               margin-right 0
+//             &__submit
+//               display inline-flex
+//               margin 10px 0
+//               &__btn
+//                 display flex
+//                 margin-left 10px
+//                 &__icon
+//                   margin-left 15px

src/css/Folder.styl

@@ -91,7 +91,6 @@ folderopen()
       white-space nowrap
       text-overflow ellipsis
       overflow hidden
-      width 400px
       font-size 17px
       color darkGrey
     &__button
@@ -128,6 +127,11 @@ folderopen()
         & > i
           margin-right 3px
 
+@media (min-width: min-sm) and (max-width: max-md)
+
+  .folder__header__button
+    display none
+
 @media (max-width: max-xs)
   .folder
     &__header
@@ -137,4 +141,6 @@ folderopen()
           font-size 20px
         &__text
           font-size 15px
+      &__button
+        display none
 

src/css/Generic.styl

@@ -61,7 +61,7 @@ a
 .sidebarpagecontainer
   display flex
   padding-top 88px
-  min-height calc(100% - 50px)
+  min-height 100%
 
 .pageWrapperGeneric
   width 100%

src/css/Sidebar.styl

@@ -6,7 +6,7 @@
   border-top-width 2px
   padding 11px 15px
   background-color blue
-  z-index 2
+  z-index 5
   &__icon
     font-size 18px
     text-align center
@@ -27,6 +27,10 @@ sidebar-animate-speed = 0.5s
 .sidebarSticky
   position sticky
   top 87px
+  display flex
+  flex-direction column
+  justify-content space-between
+  height 100%
 
 leftside()
   height 100%
@@ -37,13 +41,13 @@ leftside()
   position relative
   transition all sidebar-animate-speed
   width sidebar-width
-  z-index 4
+  z-index 5
   &.sidebarclose
     width 0
   &__expand
     position absolute
     top 0
-    right -43px
+    right -42px
     display flex
     justify-content center
     align-items center
@@ -131,6 +135,17 @@ leftside()
             &.activeFilter
               .dropdown__icon
                 background-color rgba(253, 253, 253, 0.8)
+  &__footer
+    &__text
+      color off-white
+      font-size 14px
+      &__link
+        & > a
+          color off-white
+          font-size 14px
+          &:hover
+            text-decoration underline
+            color fourthColor
 
 /***** MEDIA 992px and 1199px ******/