From 6309b20b65fc6e4e6dd3017089786bae3c9d5928 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Fri, 19 Jul 2019 23:02:10 +0200
Subject: [PATCH] update: default avatar
- .svg file is used
- new styles added
---
src/styles/base/header.scss | 29 ++++++++++++----
src/styles/layout/job-offers/job-offers.scss | 31 ++++++++++++++----
src/styles/layout/members/member-profile.scss | 25 ++++++++++++--
src/styles/layout/members/members.scss | 15 ++++++---
src/templates/hd-user-avatar.pug | 3 +-
www/images/alien.jpg | Bin 8282 -> 0 bytes
www/images/alien.svg | 20 +++++++++++
7 files changed, 100 insertions(+), 23 deletions(-)
delete mode 100644 www/images/alien.jpg
create mode 100644 www/images/alien.svg
diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 360531f3..2a0792b6 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -112,7 +112,7 @@
user-select: none;
summary {
- padding: 16px;
+ padding: 18px;
cursor: pointer;
&:focus {
background-color: $color-233-18-29;
@@ -129,14 +129,29 @@
> * {
vertical-align: middle;
}
-
- img {
- border-radius: 100%;
+
+ hd-user-avatar {
+ align-items: center;
+ background-color: $color-213-20-91;
+ border-radius: 50%;
+ display: flex;
height: 4.8rem;
+ justify-content: center;
margin-right: 2rem;
+ overflow: hidden;
+ width: 4.8rem;
+ }
+
+ img {
+ height: 100%;
object-fit: cover;
object-position: center;
- width: 4.8rem;
+ width: 100%;
+ }
+
+ object {
+ height: 45%;
+ width: 45%;
}
sib-display-value[name='first_name'] {
@@ -218,5 +233,5 @@
}
}
}
-
-}
\ No newline at end of file
+}
+
diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index f43e627f..1b45f5e0 100644
--- a/src/styles/layout/job-offers/job-offers.scss
+++ b/src/styles/layout/job-offers/job-offers.scss
@@ -70,7 +70,7 @@ sib-job-board {
display: flex;
margin: -0.25em;
- >* {
+ >*:not(sib-action) {
margin: 0.25em;
}
@@ -92,21 +92,27 @@ sib-job-board {
}
author-avatar {
- background-color: $color-0-0-100;
+ align-items: center;
+ background-color: $color-213-20-91;
border-radius: 50%;
+ display: flex;
height: 4.25rem;
+ justify-content: center;
+ margin-right: 2rem;
overflow: hidden;
- position: relative;
width: 4.25rem;
-
+
img {
height: 100%;
- left: 0;
object-fit: cover;
- position: absolute;
- top: 0;
+ object-position: center;
width: 100%;
}
+
+ object {
+ height: 45%;
+ width: 45%;
+ }
}
}
@@ -186,3 +192,14 @@ sib-job-board {
}
}
}
+
+sib-action[name='edit'] {
+ margin-left: auto;
+ color: $color-215-6-63;
+
+ &>sib-link {
+ @include icon('pencil');
+ font-size: 2rem;
+ }
+}
+
diff --git a/src/styles/layout/members/member-profile.scss b/src/styles/layout/members/member-profile.scss
index 1911aa93..0fa709a0 100644
--- a/src/styles/layout/members/member-profile.scss
+++ b/src/styles/layout/members/member-profile.scss
@@ -22,8 +22,29 @@
div[name='member-img'] {
grid-area: avatar;
- overflow: hidden;
- position: relative;
+
+ member-picture {
+ align-items: center;
+ background-color: $color-213-20-91;
+ border-radius: 50%;
+ display: flex;
+ height: 28vh;
+ justify-content: center;
+ overflow: hidden;
+ width: 28vh;
+
+ img {
+ height: 255px;
+ object-fit: cover;
+ object-position: center;
+ width: 255px;
+ }
+
+ object {
+ height: 45%;
+ width: 45%;
+ }
+ }
img {
border-radius: 50%;
diff --git a/src/styles/layout/members/members.scss b/src/styles/layout/members/members.scss
index 4af55b74..e60df83b 100644
--- a/src/styles/layout/members/members.scss
+++ b/src/styles/layout/members/members.scss
@@ -159,22 +159,27 @@ member-info-groups {
}
member-picture {
- background-color: $color-0-0-100;
+ align-items: center;
+ background-color: $color-213-20-91;
border-radius: 50%;
+ display: flex;
height: 28vh;
+ justify-content: center;
margin: 1.7rem auto;
overflow: hidden;
- position: relative;
width: 28vh;
img {
height: 100%;
- left: 0;
object-fit: cover;
- position: absolute;
- top: 0;
+ object-position: center;
width: 100%;
}
+
+ object {
+ height: 45%;
+ width: 45%;
+ }
}
[name='name'] {
diff --git a/src/templates/hd-user-avatar.pug b/src/templates/hd-user-avatar.pug
index 86a0d4c9..16247678 100644
--- a/src/templates/hd-user-avatar.pug
+++ b/src/templates/hd-user-avatar.pug
@@ -1,3 +1,2 @@
sib-widget(name='hd-user-avatar')
- template
- img(name="${name}",src="\${value || '/images/alien.jpg'}",style="max-width:100%; max-height: 100%;")
\ No newline at end of file
+ template ${value ? `<img src="${value}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg")></object>`}
diff --git a/www/images/alien.jpg b/www/images/alien.jpg
deleted file mode 100644
index c6277a19d92d65b7f0ace44255ed37d949991179..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 8282
zcmcIobySqyx1Jfghg3osx{)4Q8cFE}Y3XhdhL)C;2Bkz=Lb?R$l2AZEKo~%}n>&2!
z_kH)S`_EnL{?2;Wth49r=Q(?ybKd>#eQv+reg}XRWaVW6Kty8$vH<|MHvmE@S4&fO
zOACmXjk`5OPF`8{b`Br~Kmvj89z;V%JSgZWD9Fetm}qFI=-8Op*jSiYSU9)@U>sb0
zTr4aw2^gP{h?tld8}HtI5~BMAM8rgQBtRqt1{nnd1qFi$2MdSj|J-i70Ql&4mLdW1
z0U&%J5<c*@8$ba70zgOz7XW`Z6ja1qAT)Hu=)F7V{xyWq0fLZjX93tq2pAX%jF7Jh
zC;o>1e|H3j`R4C9fn`f2OuxuUQSq{m+6F!8vhHN2Yz~aFG9Q@9odA4ka=xqhy=v8B
zh!Xv|?krsNK{XenJ09A|g;7sD^Hm4uofe=EEhM$XuikKYTy;J@QfVZl|D!!aPIRT9
z+=kUb+Rz5z{$FYq09-e?sMDCwNZJViFs2QaX$J#P{~96%fYO_1NbEZR09@DT&-2y7
zCV=1EfXH`i<ttzutH%%YT879wXg3R+1K<Fpzi`+vOh!eA?rj*v!_L?3i>9|�Y>{
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
P9Vdd=AaL*1?aY4x{FJ{5
diff --git a/www/images/alien.svg b/www/images/alien.svg
new file mode 100644
index 00000000..0037c26f
--- /dev/null
+++ b/www/images/alien.svg
@@ -0,0 +1,20 @@
+<svg class="alien" fill="#AAA9B9" width="135.47mm" height="135.51mm" version="1.1" viewBox="0 0 135.47 135.51" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+ <rdf:RDF>
+ <cc:Work rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+ <dc:title/>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g transform="translate(-38.096 -81.081)">
+ <g transform="matrix(.26458 0 0 .26458 38.081 81.081)">
+ <path d="m179.41 71.671c23.202-13.388 49.715-20.471 76.664-20.471 26.982 0 53.513 7.1 76.732 20.514 1.348 0.785 2.816 1.152 4.267 1.152 2.953 0 5.82-1.536 7.398-4.267 2.364-4.079 0.964-9.301-3.115-11.657-25.813-14.925-55.296-22.81-85.282-22.81-29.943 0-59.4 7.868-85.197 22.758-4.087 2.355-5.487 7.578-3.132 11.657 2.364 4.08 7.586 5.471 11.665 3.124z"/>
+ <path d="m256.07 187.73c-9.412 0-17.067 7.654-17.067 17.067 0 9.412 7.654 17.067 17.067 17.067 9.412 0 17.067-7.654 17.067-17.067-1e-3 -9.412-7.655-17.067-17.067-17.067z"/>
+ <path d="m329.97 162.13c-2.355-4.087-7.586-5.495-11.665-3.123l-7.936 4.582c-3.755-4.932-8.158-9.335-13.09-13.09l4.582-7.945c2.364-4.079 0.964-9.301-3.123-11.656-4.079-2.355-9.301-0.956-11.656 3.123l-4.531 7.851c-5.641-2.372-11.674-3.959-17.946-4.753v-9.122c0-4.71-3.814-8.533-8.533-8.533s-8.533 3.823-8.533 8.533v9.122c-6.272 0.794-12.305 2.381-17.946 4.753l-4.531-7.851c-2.364-4.087-7.586-5.487-11.657-3.132-4.087 2.364-5.487 7.578-3.123 11.665l4.582 7.945c-4.932 3.755-9.336 8.149-13.09 13.09l-7.945-4.591c-4.079-2.364-9.301-0.956-11.657 3.132-2.364 4.079-0.956 9.293 3.123 11.656l7.859 4.531c-3.439 8.149-5.35 17.092-5.35 26.479 0 37.641 30.626 68.267 68.267 68.267s68.267-30.626 68.267-68.267c0-9.378-1.911-18.321-5.342-26.47l7.859-4.54c4.071-2.363 5.479-7.577 3.115-11.656zm-73.898 93.867c-28.237 0-51.2-22.963-51.2-51.2s22.963-51.2 51.2-51.2 51.2 22.963 51.2 51.2-22.964 51.2-51.2 51.2z"/>
+ <path d="m510.9 451.96c-2.295-8.585-7.723-15.795-15.317-20.378l-47.027-37.606c-0.222-0.145-21.82-14.967-21.82-35.575v-153.6c0-46.541-18.97-90.863-52.335-122.98l32.862-33.169c3.328 1.587 7.006 2.551 10.94 2.551 14.114 0 25.6-11.486 25.6-25.6s-11.486-25.6-25.6-25.6-25.6 11.486-25.6 25.6c0 3.951 0.973 7.654 2.586 11l-39.159 39.518c-1.664 1.681-2.56 3.977-2.466 6.34 0.094 2.355 1.161 4.574 2.944 6.118 33.783 29.235 53.163 71.595 53.163 116.22v153.6c0 29.824 28.203 48.964 28.8 49.331l46.925 37.555c0.341 0.273 0.691 0.512 1.067 0.734 3.951 2.278 6.775 5.956 7.962 10.359 1.178 4.403 0.572 9.003-1.715 12.945-4.702 8.166-15.155 10.957-23.142 6.349l-106.66-64.827c-3.234-1.963-7.356-1.579-10.155 0.947s-3.61 6.588-1.988 9.993l22.545 47.548c2.372 4.087 3.14 9.003 2.133 13.491-0.998 4.429-3.618 8.064-7.373 10.232-8.875 5.12-19.396 9e-3 -24.499-6.98l-46.165-72.525c-1.929-3.012-5.504-4.506-9.003-3.763-3.49 0.759-6.144 3.601-6.647 7.134l-8.533 59.733c-0.06 0.401-0.085 0.811-0.085 1.212 0 9.412-7.654 17.067-17.067 17.067-9.412 0-17.067-7.654-17.067-17.067 0-0.401-0.026-0.811-0.085-1.212l-8.533-59.733c-0.503-3.533-3.157-6.383-6.647-7.134-3.516-0.751-7.091 0.751-9.003 3.772l-45.815 72.124c-6.135 8.516-17.545 11.742-25.378 7.194-4.292-2.475-6.067-6.238-6.793-8.96-1.271-4.719-0.478-10.027 2.483-15.223l21.76-46.225c1.613-3.405 0.794-7.45-1.997-9.976-2.79-2.517-6.912-2.91-10.121-0.964l-106.13 64.04c-8.149 4.685-18.611 1.911-23.313-6.238-2.287-3.951-2.893-8.55-1.715-12.954 1.186-4.403 4.011-8.081 7.962-10.359 0.367-0.213 0.717-0.461 1.05-0.725l46.541-37.146c1.195-0.802 29.201-19.942 29.201-49.749v-153.6c0-44.809 19.507-87.287 53.513-116.52 1.801-1.545 2.876-3.78 2.961-6.161 0.094-2.381-0.828-4.685-2.509-6.357l-39.45-39.219c1.596-3.328 2.552-7.014 2.552-10.94 0-14.114-11.486-25.6-25.6-25.6s-25.6 11.486-25.6 25.6 11.486 25.6 25.6 25.6c3.951 0 7.646-0.973 10.991-2.577l33.109 32.905c-33.562 32.137-52.634 76.561-52.634 123.27v153.6c0 20.625-21.453 35.447-22.212 35.994l-46.626 37.188c-7.595 4.582-13.03 11.793-15.326 20.378-2.372 8.806-1.152 18.014 3.405 25.907 9.412 16.299 30.336 21.897 46.78 12.407l82.15-49.579-9.446 20.096c-4.881 8.439-6.289 18.483-3.866 27.546 2.21 8.243 7.441 15.113 14.746 19.319 15.488 8.96 36.497 3.686 48.034-12.416l33.715-53.043 5.188 36.318c0.34 18.525 15.521 33.484 34.124 33.484s33.783-14.959 34.125-33.485l5.188-36.352 34.091 53.521c7.723 10.615 19.396 16.461 30.899 16.461 5.615 0 11.187-1.391 16.23-4.309 7.936-4.582 13.431-12.134 15.488-21.274 1.971-8.747 0.546-17.903-3.678-25.156l-10.035-21.188 82.483 50.142c16.29 9.395 37.222 3.806 46.635-12.493 4.556-7.902 5.777-17.101 3.404-25.908zm-92.697-434.89c4.71 0 8.533 3.831 8.533 8.533s-3.823 8.533-8.533 8.533c-2.278 0-4.318-0.922-5.845-2.372-0.06-0.068-0.077-0.154-0.145-0.222-0.06-0.06-0.137-0.068-0.188-0.119-1.442-1.536-2.355-3.558-2.355-5.82 0-4.702 3.822-8.533 8.533-8.533zm-317.93 14.114c-0.145 0.12-0.333 0.171-0.469 0.307-0.136 0.137-0.179 0.316-0.307 0.461-1.493 1.314-3.413 2.185-5.564 2.185-4.71 0-8.533-3.831-8.533-8.533s3.823-8.533 8.533-8.533 8.533 3.831 8.533 8.533c1e-3 2.149-0.878 4.078-2.193 5.58z"/>
+ <path d="m154.89 311.36c-2.423 4.036-1.109 9.276 2.918 11.691 1.826 1.101 45.303 26.82 98.261 26.82s96.435-25.719 98.261-26.82c4.028-2.415 5.342-7.654 2.918-11.691-2.406-4.036-7.629-5.367-11.699-2.944-0.41 0.239-41.387 24.388-89.481 24.388s-89.071-24.149-89.481-24.388c-4.068-2.424-9.282-1.093-11.697 2.944z"/>
+ </g>
+ </g>
+</svg>
--
GitLab