ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

image carrées pour photo portrait

Browse Source
This commit is contained in:
ouidade
2021-04-08 22:35:27 +02:00
parent e75859abd0
commit 16117309f3
3 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+9 -9
View File
@@ -922,7 +922,7 @@ ul.pagination {
display: flex !important; display: flex !important;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 65%; width: 54%;
margin: auto; } margin: auto; }
.mozaique_personnes .equipe h3 { .mozaique_personnes .equipe h3 {
padding-top: 3rem; padding-top: 3rem;
@@ -942,14 +942,14 @@ ul.pagination {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-end; justify-content: flex-end;
max-width: 30rem; } max-width: 30rem;
.mozaique_personnes .equipe .personne .mozaique .portrait { min-width: 30rem; }
min-width: 10rem; .mozaique_personnes .equipe .personne .mozaique .photo {
min-height: 10rem; overflow: hidden;
background: red !important; } width: 15rem !important;
.mozaique_personnes .equipe .personne .mozaique .portrait img { height: 15rem !important; }
max-width: 5rem !important; .mozaique_personnes .equipe .personne .mozaique .photo img {
max-height: 5rem !important; } width: 100%; }
.mozaique_personnes .equipe .personne .mozaique .info { .mozaique_personnes .equipe .personne .mozaique .info {
background-color: #fff; background-color: #fff;
display: flex; display: flex;
user/themes/epau-antimatter/scss/template/_custom.scss
+15 -7
View File
@@ -358,7 +358,8 @@
flex-wrap: wrap; flex-wrap: wrap;
// margin-left: 15%; // margin-left: 15%;
// padding-right: 15%; // padding-right: 15%;
width: 65%; width: 54%;
margin: auto; margin: auto;
// justify-items: center; // justify-items: center;
@@ -391,17 +392,24 @@
justify-content: flex-end; justify-content: flex-end;
max-width: 30rem; max-width: 30rem;
min-width: 30rem;
.portrait { .photo {
min-width: 10rem; // min-width: 10rem;
min-height: 10rem; // min-height: 10rem;
// max-width:50% !important; // max-width:50% !important;
background: red !important; overflow: hidden;
width: 15rem !important;
height: 15rem !important;
// object-fit: cover;
img { img {
max-width: 5rem !important; // maxwidth: 15rem !important;
max-height: 5rem !important; // height: 15rem !important;
// background-size: cover;
width: 100%;
} }
} }
user/themes/epau-antimatter/templates/modular/personnes.html.twig
+1 -1
View File
@@ -9,7 +9,7 @@
<!-- {{ dump(personne) }} --> <!-- {{ dump(personne) }} -->
<div class="personne"> <div class="personne">
<div class="mozaique"> <div class="mozaique">
<div class="portait"> <div class="photo">
{% if personne.portrait %} {% if personne.portrait %}
<img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" /> <img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" />
{% endif %} {% endif %}