patch: New right menu on mobile - JS fixed + extended through circle and project pages

This commit is contained in:
gaelle morin
2021-04-14 18:33:54 +02:00
committed by Jean-Baptiste Pasquier
parent 38e9ab1d7b
commit 5084e21d1f
10 changed files with 87 additions and 46 deletions

View File

@ -1,13 +1,16 @@
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
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
div.segment.full.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
value-dash=' - '
value-dash=' - '
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(

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-full
div.segment.half.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
@ -12,6 +12,8 @@ solid-ac-checker(permission='acl:Read', bind-resources)
)
div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next=`${component.route}-profile` data-trans='circle.edit.backlink')
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
div.segment.full.padding-large.whitespace-normal

View File

@ -9,15 +9,18 @@ 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
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
div.segment.full.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
value-dash=' - '
value-dash=' - '
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div.loader(id=`loader-${component.route}-profile-1`)

View File

@ -1,17 +1,20 @@
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
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
div.segment.full.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
class-const-title1='text-color-heading text-bold text-uppercase'
class-number='text-color-heading text-bold text-uppercase word-spacing-right'
class-customer.name='text-color-heading text-bold text-uppercase'
class-dash='text-color-heading text-bold text-xlarge'
class-name=''
class-const-title1='text-color-heading text-bold text-uppercase'
class-number='text-color-heading text-bold text-uppercase word-spacing-right'
class-customer.name='text-color-heading text-bold text-uppercase'
class-dash='text-color-heading text-bold text-xlarge'
class-name=''
value-const-title1='N°'
value-dash=' - '
)
value-const-title1='N°'
value-dash=' - '
)
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(

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-full
div.segment.half.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
@ -16,6 +16,8 @@ solid-ac-checker(permission='acl:Read', bind-resources)
)
div.segment.half.sm-hidden.text-right
solid-link(class='backlink', bind-resources, next=`${component.route}-profile` data-trans='project.edit.backlink')
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
div.segment.full.padding-large.whitespace-normal

View File

@ -9,19 +9,22 @@ 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
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
div.segment.full.sm-three-quarter
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
class-const-title1='text-color-heading text-bold text-uppercase'
class-number='text-color-heading text-bold text-uppercase word-spacing-right'
class-customer.name='text-color-heading text-bold text-uppercase'
class-dash='text-color-heading text-bold text-xlarge'
class-name=''
class-const-title1='text-color-heading text-bold text-uppercase'
class-number='text-color-heading text-bold text-uppercase word-spacing-right'
class-customer.name='text-color-heading text-bold text-uppercase'
class-dash='text-color-heading text-bold text-xlarge'
class-name=''
value-const-title1='N°'
value-dash=' - '
)
value-const-title1='N°'
value-dash=' - '
)
div.segment.lg-hidden.sm-quarter.text-right
div.jsMobileRightMenuButton.icon.icon-close.icon-heading
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div.loader(id=`loader-${component.route}-profile`)