update: sidebar - access when in admin on mobile

This commit is contained in:
gaelle morin 2020-06-05 11:25:57 +02:00
parent 8f49cbdcd7
commit 2f3bdaa2e5
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
10 changed files with 35 additions and 29 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -9,7 +9,7 @@ sib-router(default-route='project-profile', hidden)
.content-box__info.flex .content-box__info.flex
.flex.space-between .flex.space-between.with-padding
sib-display( sib-display(
bind-resources bind-resources
fields='creationDateSet(title, creationDate)' 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 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( sib-display(
bind-resources bind-resources
fields='label-captain, captain' fields='label-captain, captain'