From c4e3e6a2ce8230c13f30f75fe6493ac080e65a07 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
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 c3509ce5..71b14af9 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 ce0335c2..e6b4207a 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 17f4f2fc..d5b7e6c5 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 89e76cb6..8dd66fed 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 4bff338d..c2a5a48c 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 80e98422..fbad418f 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 2e612a14..d4f92fdd 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 80076601..8357e17e 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 ec72b5ec..659f5526 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 28c13721..ceb5ffa3 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'
--
GitLab