patch: fix some styles + profile-edit - I broke it all

This commit is contained in:
gaelle morin
2021-04-13 21:30:25 +02:00
parent b06bc90718
commit 6b88e79965
9 changed files with 114 additions and 30 deletions

View File

@ -81,9 +81,9 @@ div.bg-color-white
label-profile.picture2=""
label-profile.picture3=""
class-profile.picture1="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.picture2="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.picture3="edit-img edit-picture segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.picture1="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading text-top"
class-profile.picture2="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading text-top"
class-profile.picture3="edit-img edit-picture segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading text-top"
submit-button=""
submit-widget="button"
@ -93,23 +93,62 @@ div.bg-color-white
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans="communities.edit.subTitle1")
solid-form.form(
bind-resources
nested-field="addresses"
fields="address_line1, address_line2"
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.segment.half.sm-full.margin-bottom-xlarge.form(
bind-resources
nested-field='addresses'
fields='address_line1'
label-address_line1=""
label-address_line2=""
label-address_line1=""
class-address_line1='add-member'
widget-address_line1="solid-form-label-text"
widget-community="solid-form-hidden"
widget-address_line1="solid-form-label-text"
widget-address_line2="solid-form-label-text"
submit-button=''
submit-widget="button"
data-trans="label-address_line1=communities.edit.labelAddressLine1"
)
submit-button=""
submit-widget="button"
solid-form.segment.half-sm-full.margin-bottom-xlarge.form(
bind-resources
nested-field='addresses'
fields='address_line2'
data-trans="label-address_line1=communities.edit.labelAddressLine1;label-address_line2=communities.edit.labelAddressLine2"
)
label-address_line2=""
class-address_line2='add-member'
widget-address_line2="solid-form-label-text"
submit-button=''
submit-widget="button"
data-trans="label-address_line1=communities.edit.labelAddressLine2"
)
.segment.table-wrapper.margin-top-medium
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.third(data-trans='communities.edit.tableHeader1')
div.segment.table-cell.third(data-trans='communities.edit.tableHeader2')
div.segment.table-cell.third
solid-display(
class='table-body'
bind-resources
nested-field='addresses'
fields='segment1(address_line1), segment2(address_line2), remove'
loader-id=`loader-${component.route}-edit`
class-segment1='segment table-cell third'
class-segment2='segment table-cell third'
class-remove='segment table-cell third text-center'
class-address_line1='text-small text-semibold'
class-address_line2='text-small text-semibold'
multiple-addresses
multiple-addresses-fields="address_line1, address_line2"
action-remove='self'
widget-remove='hubl-circle-edit-members-delete'
)
solid-ac-checker(no-permission="acl:Write", bind-resources)
span(data-trans="communities.edit.noPermission")

View File

@ -25,9 +25,9 @@
fields="position(segment1(community.logo), segment2(community.name, community.profile.shortDescription, community.members))"
class-segment1="segment block margin-medium"
class-segment2="segment full padding-top-xlarge padding-right-large padding-left-large sm-padding-medium border-top border-color-grey text-center whitespace-normal"
class-community.name="segment block margin-bottom-xsmall text-color-heading text-xlarge text-bold"
class-community.profile.shortDescription="segment block description text-medium whitespace-normal two-lines-ellipsis"
class-segment2="segment full padding-top-xlarge padding-right-large padding-bottom-xlarge padding-left-large sm-padding-medium border-top border-color-grey text-center whitespace-normal"
class-community.name="title segment block margin-bottom-xsmall text-color-heading text-xlarge text-bold"
class-community.profile.shortDescription="segment block description text-medium margin-bottom-xsmall whitespace-normal two-lines-ellipsis"
action-community.name=`${component.route}-profile`
widget-community.name='hubl-communities-map-fix-url-name'

View File

@ -30,7 +30,7 @@ div.community-profile.padding-medium.sm-padding-none
class-segment7="segment lg-hidden sm-full"
class-segment8="segment two-third sm-full padding-bottom-large padding-bottom-xxsmall sm-text-left"
class-addresses="segment block margin-bottom-xsmall icon mdi-map-marker icon-third icon-large icon-margin-right-xsmall"
class-addresses="segment block margin-bottom-xsmall icon icon-third icon-large icon-margin-right-xsmall"
class-members="segment block margin-bottom-xsmall"
class-profile.website="segment block"
class-profile.email="segment block"
@ -72,7 +72,7 @@ div.community-profile.padding-medium.sm-padding-none
bind-resources
nested-field="addresses"
fields="position(community.name, address_line1, address_line2)"
class-community-name="segment block margin bottom-xsmall text-color-heading text-xlarge text-bold"
class-community.name="segment block margin-bottom-xsmall text-color-heading text-xlarge text-bold text-center"
class-address_line1="segment block"
class-address_line2="segment block"
clustering=""

View File

@ -0,0 +1,10 @@
if componentSet.has('communities')
solid-widget(name="hubl-communities-edit-address-delete")
template
solid-ac-checker(permission="acl:Delete", data-src="${src}")
solid-delete(
class='segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
data-src="${src}"
data-label=''
data-trans='data-label=communities.edit.buttonDelete'
)

View File

@ -3,9 +3,9 @@ if componentSet.has('communities') && getRoute('communities')
template
span
span.icon.icon-people.icon-third.icon-large.margin-right-xsmall
solid-display(
solid-display.text-medium(
data-src="${src || value}"
fields=''
counter-template="\\\${counter}"
)
span(data-trans="communities.profile.members")
span.text-medium(data-trans="communities.profile.members")