update: sidebar - access when in admin on mobile

src/index.pug

@@ -23,7 +23,7 @@ html(lang="en")
       nav#main__menu.left-menu.jsLeftMenu
         include menu-left.pug
 
-      main.box.content.notLoggedIn
+      main#viewport.content.notLoggedIn
 
         if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
           #dashboard(hidden).no-sidebar.with-padding

src/styles/base/main.scss

@@ -262,10 +262,6 @@ h5 {
   border-bottom: 1px solid var(--color-content-header);
   padding: 3rem;
 
-  @include breakpoint(sm) {
-    background: var(--color-grey-10);
-  }
-
   sib-display {
     @include breakpoint(sm) {
       float: left;
@@ -273,7 +269,6 @@ h5 {
   }
 
   .mobile-sidebar-button {
-    @include breakpoint(sm) {
     float: right;
     color: var(--color-secondary);
     font-size: 1.8rem;
@@ -284,9 +279,8 @@ h5 {
       font-weight: normal;
       margin-right: 1.2rem;
     }
-    }
 
-    @include breakpoint($min: 1025px, $max: 0) {
+    @include breakpoint(lg) {
       display: none;
     }
   }
@@ -383,7 +377,10 @@ h5 {
 
 .space-between {
   justify-content: space-between;
+
+  &.with-padding {
     padding-bottom: 1.4rem;
+  }
 }
 
 .section {

src/styles/components/sidebar.scss

@@ -18,7 +18,8 @@
     /*-webkit-backface-visibility: hidden;*/
 
     &.sidebar-is-closed {
-      @include breakpoint(769px, 0) {
+      
+      @include breakpoint(lg) {
         margin-left: -15.5rem;
         transform: translate(15.5rem);
       }
@@ -141,9 +142,10 @@
     }
 
     &.jsRightMenu {
-
-      @include breakpoint(sm) {
       display: none;
+
+      @include breakpoint(lg) {
+        display: block;
       }
     }
 
@@ -157,7 +159,7 @@
     
     &.jsRightMenu[open] {
 
-      @include breakpoint(sm) {
+      @include breakpoint(md) {
         display: block;
         background: var(--color-right-menu-background);
         bottom: 0;
@@ -165,9 +167,13 @@
         min-width: 60%;
         position: fixed;
         right: 0;
-        top: 83px;
+        top: 50px;
         z-index: 1;
       }
+
+      @include breakpoint(lg) {
+        top: 83px;
+      }
     }
   }
 }

src/styles/index.scss

@@ -9,7 +9,7 @@
 @import 'components/icons/index';
 @import 'base/main';
 
-div#viewport {
+#viewport {
     display: flex;
     flex: 1;
     /*height: auto;

src/views/admin/page-admin-circles.pug

@@ -4,8 +4,9 @@
     sib-route(name='admin-circle-create')
     sib-route(name='circle-left')
 
-  div.content-box__header
+  div.content-box__header.flex.space-between
     h1.without-margin Administration
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
 
   include ../circle/page-circle-left.pug
 

src/views/admin/page-admin-projects.pug

@@ -4,8 +4,9 @@
     sib-route(name='admin-project-create')
     sib-route(name='project-left')
 
-  div.content-box__header
+  div.content-box__header.flex.space-between
     h1.without-margin Administration
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
 
   #project-left(hidden)
     include ../project/page-project-left.pug

src/views/admin/page-admin-users.pug

@@ -4,8 +4,9 @@
     sib-route(name='admin-users-create')
     sib-route(name='admin-users-edit')
 
-  div.content-box__header
+  div.content-box__header.flex.space-between
     h1.without-margin Administration
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
   
   sib-widget(name='hubl-sib-action-custom')
     template

src/views/circle/page-circle-profile.pug

@@ -6,7 +6,7 @@ sib-router(default-route='circle-profile', hidden)
   include ../../templates/hubl-circle-team.pug
   .content-box__info
 
-    .flex.space-between
+    .flex.space-between.with-padding
       sib-display(
         bind-resources
         fields='creationDateSet(title, creationDate)'

src/views/project/page-project-profile.pug

@@ -9,7 +9,7 @@ sib-router(default-route='project-profile', hidden)
 
   .content-box__info.flex
 
-    .flex.space-between
+    .flex.space-between.with-padding
       sib-display(
         bind-resources
         fields='creationDateSet(title, creationDate)'
@@ -24,7 +24,7 @@ sib-router(default-route='project-profile', hidden)
         sib-link(class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
 
     
-    .flex.space-between
+    .flex.space-between.with-padding
       sib-display(
         bind-resources
         fields='label-captain, captain'