From c4e3e6a2ce8230c13f30f75fe6493ac080e65a07 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Thu, 15 Apr 2021 10:39:05 +0200 Subject: [PATCH] patch: New right menu on mobile - whitespace added --- src/styles/content/_index.scss | 16 ---------------- .../partials/admin/page-admin-chat-create.pug | 2 ++ .../partials/admin/page-admin-circles-create.pug | 2 ++ .../admin/page-admin-projects-create.pug | 2 ++ src/views/partials/circle/page-circle-chat.pug | 2 +- src/views/partials/circle/page-circle-edit.pug | 2 +- .../partials/circle/page-circle-profile.pug | 2 +- src/views/partials/project/page-project-chat.pug | 2 +- src/views/partials/project/page-project-edit.pug | 2 +- .../partials/project/page-project-profile.pug | 2 +- 10 files changed, 12 insertions(+), 22 deletions(-) diff --git a/src/styles/content/_index.scss b/src/styles/content/_index.scss index c3509ce..71b14af 100644 --- a/src/styles/content/_index.scss +++ b/src/styles/content/_index.scss @@ -98,28 +98,12 @@ main { @media (min-width: 768.01px) { transform: translate(152px); } - - /* Quick fix. When you got time, use animation on the span instead */ - /*@media (max-width: 768px) { - ul>li:first-child>span, - ul>li:first-child>a { - visibility: hidden; - } - }*/ } &.jsRightMenu[open] { display: block; bottom: 0; right: 0; - - /*@media(max-width: 768px) { - box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12); - min-width: 60%; - position: fixed; - top: 50px; - z-index: 3000; - }*/ } } } diff --git a/src/views/partials/admin/page-admin-chat-create.pug b/src/views/partials/admin/page-admin-chat-create.pug index ce0335c..e6b4207 100644 --- a/src/views/partials/admin/page-admin-chat-create.pug +++ b/src/views/partials/admin/page-admin-chat-create.pug @@ -1,6 +1,8 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey div.segment.full.sm-three-quarter h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title') + div.segment.half.sm-hidden.text-right + solid-link(class="backlink", next=`admin-${getRoute('chat', true)}` data-trans='circle.create.backlink') div.segment.lg-hidden.sm-quarter.text-right div.jsMobileRightMenuButton.icon.icon-close.icon-heading diff --git a/src/views/partials/admin/page-admin-circles-create.pug b/src/views/partials/admin/page-admin-circles-create.pug index 17f4f2f..d5b7e6c 100644 --- a/src/views/partials/admin/page-admin-circles-create.pug +++ b/src/views/partials/admin/page-admin-circles-create.pug @@ -1,6 +1,8 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey div.segment.full.sm-three-quarter h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title') + div.segment.half.sm-hidden.text-right + solid-link(class="backlink", next=`admin-${getRoute('circles', true)}` data-trans='circle.create.backlink') div.segment.lg-hidden.sm-quarter.text-right div.jsMobileRightMenuButton.icon.icon-close.icon-heading diff --git a/src/views/partials/admin/page-admin-projects-create.pug b/src/views/partials/admin/page-admin-projects-create.pug index 89e76cb..8dd66fe 100644 --- a/src/views/partials/admin/page-admin-projects-create.pug +++ b/src/views/partials/admin/page-admin-projects-create.pug @@ -1,6 +1,8 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey div.segment.full.sm-three-quarter h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title') + div.segment.half.sm-hidden.text-right + solid-link(class="backlink", next=`admin-${getRoute('projects', true)}` data-trans='project.create.backlink') div.segment.lg-hidden.sm-quarter.text-right div.jsMobileRightMenuButton.icon.icon-close.icon-heading diff --git a/src/views/partials/circle/page-circle-chat.pug b/src/views/partials/circle/page-circle-chat.pug index 4bff338..c2a5a48 100644 --- a/src/views/partials/circle/page-circle-chat.pug +++ b/src/views/partials/circle/page-circle-chat.pug @@ -1,5 +1,5 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal - div.segment.full.sm-three-quarter + div.segment.full.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='name, dash, subtitle' diff --git a/src/views/partials/circle/page-circle-edit.pug b/src/views/partials/circle/page-circle-edit.pug index 80e9842..fbad418 100644 --- a/src/views/partials/circle/page-circle-edit.pug +++ b/src/views/partials/circle/page-circle-edit.pug @@ -1,6 +1,6 @@ solid-ac-checker(permission='acl:Read', bind-resources) div.segment.full.padding-large.border-bottom.border-color-grey - div.segment.half.sm-three-quarter + div.segment.half.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='name, dash, subtitle' diff --git a/src/views/partials/circle/page-circle-profile.pug b/src/views/partials/circle/page-circle-profile.pug index 2e612a1..d4f92fd 100644 --- a/src/views/partials/circle/page-circle-profile.pug +++ b/src/views/partials/circle/page-circle-profile.pug @@ -9,7 +9,7 @@ div( ) solid-ac-checker.segment.block(permission='acl:Read', bind-resources) div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal - div.segment.full.sm-three-quarter + div.segment.full.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='name, dash, subtitle' diff --git a/src/views/partials/project/page-project-chat.pug b/src/views/partials/project/page-project-chat.pug index 8007660..8357e17 100644 --- a/src/views/partials/project/page-project-chat.pug +++ b/src/views/partials/project/page-project-chat.pug @@ -1,5 +1,5 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal - div.segment.full.sm-three-quarter + div.segment.full.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='const-title1, number, customer.name, dash, name' diff --git a/src/views/partials/project/page-project-edit.pug b/src/views/partials/project/page-project-edit.pug index ec72b5e..659f552 100644 --- a/src/views/partials/project/page-project-edit.pug +++ b/src/views/partials/project/page-project-edit.pug @@ -1,6 +1,6 @@ solid-ac-checker(permission='acl:Read', bind-resources) div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal - div.segment.half.sm-three-quarter + div.segment.half.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='const-title1, number, customer.name, dash, name' diff --git a/src/views/partials/project/page-project-profile.pug b/src/views/partials/project/page-project-profile.pug index 28c1372..ceb5ffa 100644 --- a/src/views/partials/project/page-project-profile.pug +++ b/src/views/partials/project/page-project-profile.pug @@ -9,7 +9,7 @@ div( ) solid-ac-checker.segment.block(permission='acl:Read', bind-resources) div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal - div.segment.full.sm-three-quarter + div.segment.full.sm-three-quarter.whitespace-normal solid-display.text-xlarge.text-letter-spacing-large( bind-resources fields='const-title1, number, customer.name, dash, name'