From 542a13f1f5ee6bd7184f4bdfd475397065d3b708 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Sat, 10 Apr 2021 15:35:14 +0200 Subject: [PATCH] patch: comminities-profile - additional styles added --- src/images/photos.svg | 1 - src/styles/admin-circles/_index.scss | 61 ++++++------------- .../communities/page-community-profile.pug | 7 ++- src/views/partials/widgets.pug | 1 - .../widgets/hubl-communities-edit-button.pug | 2 +- .../hubl-communities-profile-address.pug | 4 -- .../hubl-communities-profile-email.pug | 2 +- ...bl-communities-profile-members-counter.pug | 2 +- .../hubl-communities-profile-phone.pug | 2 +- .../hubl-communities-profile-picture.pug | 2 +- .../hubl-communities-profile-website.pug | 2 +- 11 files changed, 32 insertions(+), 54 deletions(-) delete mode 100644 src/images/photos.svg delete mode 100644 src/views/partials/widgets/hubl-communities-profile-address.pug diff --git a/src/images/photos.svg b/src/images/photos.svg deleted file mode 100644 index c01bb22..0000000 --- a/src/images/photos.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/styles/admin-circles/_index.scss b/src/styles/admin-circles/_index.scss index f152015..8cb4920 100644 --- a/src/styles/admin-circles/_index.scss +++ b/src/styles/admin-circles/_index.scss @@ -145,43 +145,17 @@ } .communities-profile-picture { - height: 200px; + + >div:not(:empty) { + height: 200px; - div { - display: block; - width: 100%; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - } - - .picture-empty { - display: flex; - justify-content: center; - align-items: center; - - object { - height: 100px; - width: 100px; - object-fit: cover; - object-position: center; - } - } - - &:nth-child(2)>.picture-empty { - background: #E4E9F1; - - svg { - fill: #D0D4DA; - } - } - - &:nth-child(3)>.picture-empty { - background: #E9F2FF; - - svg { - fill: #D7E2F3; + div:first-child { + display: block; + width: 100%; + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: contain; } } } @@ -247,11 +221,9 @@ } .communities-profile-picture { - height: 180px; - - object { - height: 80px; - width: 80px; + + >div:not(:empty) { + height: 180px; } } @@ -278,6 +250,13 @@ .leaflet-top.leaflet-left { display: none; } + + .leaflet-popup-close-button { + display: block; + font-size: 20px; + margin-top: 5px; + margin-right: 5px; + } } } .flex { diff --git a/src/views/partials/communities/page-community-profile.pug b/src/views/partials/communities/page-community-profile.pug index 7f55ac8..e4d5d46 100644 --- a/src/views/partials/communities/page-community-profile.pug +++ b/src/views/partials/communities/page-community-profile.pug @@ -30,11 +30,16 @@ 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-members="segment block margin-bottom-xsmall" + class-profile.website="segment block" + class-profile.email="segment block" + class-profile.phone="segment block" class-segment9="segment full" class-profile.description="segment full whitespace-normal" - class-segment10="segment full text-right margin-top-xxlarge" + class-segment10="segment full text-right" class-segment11="segment full whitespace-normal flex" class-profile.picture1="communities-profile-picture segment third" diff --git a/src/views/partials/widgets.pug b/src/views/partials/widgets.pug index 1205987..7a47928 100644 --- a/src/views/partials/widgets.pug +++ b/src/views/partials/widgets.pug @@ -26,7 +26,6 @@ include widgets/hubl-communities-edit-email.pug include widgets/hubl-communities-edit-website.pug include widgets/hubl-communities-logo.pug include widgets/hubl-communities-map-fix-url-name.pug -include widgets/hubl-communities-profile-address.pug include widgets/hubl-communities-profile-email.pug include widgets/hubl-communities-profile-facebook.pug include widgets/hubl-communities-profile-instagram.pug diff --git a/src/views/partials/widgets/hubl-communities-edit-button.pug b/src/views/partials/widgets/hubl-communities-edit-button.pug index f82b3a9..5f8b9fa 100644 --- a/src/views/partials/widgets/hubl-communities-edit-button.pug +++ b/src/views/partials/widgets/hubl-communities-edit-button.pug @@ -7,7 +7,7 @@ if componentSet.has('communities') && getRoute('communities') nested-field="profile" ) solid-link( - class="segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil" + class="segment margin-top-xxlarge sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil" data-trans="communities.profile.edit" data-src="${src}" next=`${getRoute('communities', true)}-edit` diff --git a/src/views/partials/widgets/hubl-communities-profile-address.pug b/src/views/partials/widgets/hubl-communities-profile-address.pug deleted file mode 100644 index fc237e3..0000000 --- a/src/views/partials/widgets/hubl-communities-profile-address.pug +++ /dev/null @@ -1,4 +0,0 @@ -if componentSet.has('communities') && getRoute('communities') - solid-widget(name='hubl-communities-profile-address') - template - | ${await value.adress_line1 != "" ? `\${await value.adress_line1}
\${await value.adress_line2 || ""}` : ""} diff --git a/src/views/partials/widgets/hubl-communities-profile-email.pug b/src/views/partials/widgets/hubl-communities-profile-email.pug index c8cb2c6..f5b762a 100644 --- a/src/views/partials/widgets/hubl-communities-profile-email.pug +++ b/src/views/partials/widgets/hubl-communities-profile-email.pug @@ -1,3 +1,3 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-email') - template ${value != "" ? `${value}` : ""} + template ${value != "" ? `${value}` : ""} diff --git a/src/views/partials/widgets/hubl-communities-profile-members-counter.pug b/src/views/partials/widgets/hubl-communities-profile-members-counter.pug index 4e78753..f910aab 100644 --- a/src/views/partials/widgets/hubl-communities-profile-members-counter.pug +++ b/src/views/partials/widgets/hubl-communities-profile-members-counter.pug @@ -1,7 +1,7 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-members-counter') template - p + span span.icon.icon-people.icon-third.icon-large.margin-right-xsmall solid-display( data-src="${src || value}" diff --git a/src/views/partials/widgets/hubl-communities-profile-phone.pug b/src/views/partials/widgets/hubl-communities-profile-phone.pug index 3b6f0ea..67b5ded 100644 --- a/src/views/partials/widgets/hubl-communities-profile-phone.pug +++ b/src/views/partials/widgets/hubl-communities-profile-phone.pug @@ -1,3 +1,3 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-phone') - template ${value != "" ? `${value}` : ""} + template ${value != "" ? `${value}` : ""} diff --git a/src/views/partials/widgets/hubl-communities-profile-picture.pug b/src/views/partials/widgets/hubl-communities-profile-picture.pug index a120663..c470f50 100644 --- a/src/views/partials/widgets/hubl-communities-profile-picture.pug +++ b/src/views/partials/widgets/hubl-communities-profile-picture.pug @@ -1,3 +1,3 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-picture') - template ${value != "" ? `
` : `
`} + template ${value != "" ? `
` : `
`} diff --git a/src/views/partials/widgets/hubl-communities-profile-website.pug b/src/views/partials/widgets/hubl-communities-profile-website.pug index ea5c8b2..4b481d1 100644 --- a/src/views/partials/widgets/hubl-communities-profile-website.pug +++ b/src/views/partials/widgets/hubl-communities-profile-website.pug @@ -1,3 +1,3 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-website') - template ${value != "" ? `${value}` : ""} + template ${value != "" ? `${value}` : ""}