patch: New right menu on mobile - whitespace added
This commit is contained in:
parent
4399ed4a42
commit
c4e3e6a2ce
@ -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;
|
||||
}*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
|
||||
|
@ -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
|
||||
|
||||
|
@ -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
|
||||
|
||||
|
@ -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'
|
||||
|
@ -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'
|
||||
|
@ -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'
|
||||
|
@ -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'
|
||||
|
@ -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'
|
||||
|
@ -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'
|
||||
|
Loading…
Reference in New Issue
Block a user