autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

patch: comminities-profile - additional styles added

Browse Source
This commit is contained in:
gaelle morin
2021-04-10 15:35:14 +02:00
parent 54c60f7a59
commit 542a13f1f5
11 changed files with 32 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/images/photos.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" fill="#D0D4DA" enable-background="new 0 0 512.002 512.002" height="512" viewBox="0 0 512.002 512.002" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m508.617 174.213c-2.762-3.771-6.828-6.241-11.447-6.954l-148.74-22.97v-126.78c0-9.649-7.851-17.5-17.5-17.5h-313.43c-9.649 0-17.5 7.851-17.5 17.5v313.628c0 9.649 7.851 17.5 17.5 17.5h116.806l-14.726 95.363c-1.458 9.436 5.187 18.511 14.624 19.967l309.757 47.837c9.224 1.424 18.53-5.332 19.965-14.625l8.01-51.867c1.48-9.583-13.345-11.875-14.824-2.289-1.009 6.531-5.669 54.737-10.862 53.957l-309.757-47.837c-1.484-.374-2.181-1.325-2.089-2.853l15.08-97.652h16.783l-12.199 78.99c-.632 4.094 2.174 7.925 6.268 8.557l267.09 41.248c3.77.58 7.964-2.431 8.557-6.268l41.321-267.566c.632-4.094-2.174-7.925-6.268-8.557l-122.607-18.935v-16.64l146.451 22.617c1.484.374 2.18 1.325 2.089 2.853l-34.017 220.267c-1.439 9.317 13.32 12.03 14.824 2.289l34.017-220.267c.714-4.62-.415-9.241-3.176-13.013zm-493.617 156.924v-313.628c0-1.379 1.122-2.5 2.5-2.5h313.429c1.378 0 2.5 1.121 2.5 2.5v313.628c0 1.379-1.122 2.5-2.5 2.5h-313.429c-1.378 0-2.5-1.121-2.5-2.5zm446.335-122.416-39.032 252.742-252.266-38.959 11.408-73.867h149.484c9.649 0 17.5-7.851 17.5-17.5v-139.853z"/><path d="m309.343 31.455h-270.257c-4.142 0-7.5 3.357-7.5 7.5v37.49c0 9.697 15 9.697 15 0v-29.99h255.256v255.738h-255.256v-185.86c0-9.697-15-9.697-15 0v193.36c0 4.143 3.358 7.5 7.5 7.5h270.256c4.142 0 7.5-3.357 7.5-7.5v-270.738c.001-4.143-3.357-7.5-7.499-7.5z"/><path d="m174.212 248.933c.979 0 1.958-.191 2.879-.575.842-.35 20.844-8.752 41.182-24.627 27.726-21.642 42.567-46.865 42.919-72.943.368-27.278-20.413-53.849-49.002-53.849-14.959 0-28.816 7.447-37.979 19.76-9.162-12.313-23.019-19.76-37.979-19.76-27.02 0-49.002 24.11-49.002 53.747 0 62.789 80.723 96.3 84.159 97.695.906.369 1.865.552 2.823.552zm-71.981-98.247c0-21.365 15.253-38.747 34.002-38.747 13.334 0 25.505 8.966 31.007 22.842 2.454 6.188 11.49 6.188 13.944 0 5.501-13.876 17.672-22.842 31.006-22.842 20.292 0 34.261 19.579 34.003 38.646-.626 46.424-58.409 76.256-72.02 82.64-13.707-6.278-71.942-35.715-71.942-82.539z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

61
src/styles/admin-circles/_index.scss
View File

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

7
src/views/partials/communities/page-community-profile.pug
View File

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

1
src/views/partials/widgets.pug
View File

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

2
src/views/partials/widgets/hubl-communities-edit-button.pug
View File

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

4
src/views/partials/widgets/hubl-communities-profile-address.pug
View File

@ -1,4 +0,0 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-address')
template
| ${await value.adress_line1 != "" ? `<span class="icon mdi-map-marker icon-third icon-large icon-margin-right-xsmall">\${await value.adress_line1}<br>\${await value.adress_line2 || ""}</span>` : ""}

2
src/views/partials/widgets/hubl-communities-profile-email.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-email')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-email-outline icon-third icon-large icon-margin-right-xsmall" href="mailto:\${value}">${value}</a>` : ""}
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-email-outline icon-third icon-large icon-margin-right-xsmall" style="text-decoration:none;" href="mailto:\${value}">${value}</a>` : ""}

2
src/views/partials/widgets/hubl-communities-profile-members-counter.pug
View File

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

2
src/views/partials/widgets/hubl-communities-profile-phone.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-phone')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-cellphone-iphone icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}">${value}</a>` : ""}
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-cellphone-iphone icon-third icon-large icon-margin-right-xsmall" style="text-decoration:none;" href="tel:\${value}">${value}</a>` : ""}

2
src/views/partials/widgets/hubl-communities-profile-picture.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-picture')
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div class="picture-empty"><object type="image/svg+xml" data="/images/photos.svg"></object></div>`}
template ${value != "" ? `<div><div \style="background-image:url(${value});"></div></div>` : `<div class="picture-empty"></div>`}

2
src/views/partials/widgets/hubl-communities-profile-website.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-website')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-link-variant icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}" target="_blank">${value}</a>` : ""}
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-link-variant icon-third icon-large icon-margin-right-xsmall" style="text-decoration:none;" href="tel:\${value}" target="_blank">${value}</a>` : ""}