patch: New right menu on mobile - whitespace added

This commit is contained in:
gaelle morin 2021-04-15 10:39:05 +02:00 committed by Jean-Baptiste Pasquier
parent 4399ed4a42
commit c4e3e6a2ce
10 changed files with 12 additions and 22 deletions

View File

@ -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;
}*/
}
}
}

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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'

View File

@ -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'

View File

@ -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'

View File

@ -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'

View File

@ -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'

View File

@ -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'