Merge branch 'period-in-list-result' into 59_parcours_resu_2

src/Bundle/ChillPersonBundle/Resources/public/index.js

@@ -1 +1,2 @@
-require('./sass/person.scss');
+require('./sass/person.scss');
+require('./sass/person_with_period.scss');

src/Bundle/ChillPersonBundle/Resources/public/sass/index.js

@@ -1,5 +1,5 @@
 require('./phone-alt-solid.svg');
 require('./mobile-alt-solid.svg');
 require('./person_by_phonenumber.scss');
-
+require('./person_with_period.scss');
 

src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss

@@ -0,0 +1,68 @@
+.person-list--with-period {
+  .person-list--with-period__item {
+    margin-bottom: 0;
+    padding: 1em 1em 2em 1em;
+    &:nth-last-of-type {
+      padding-bottom: 1em;
+    }
+
+    .chill-entity__person {
+      .chill-entity__person__first-name,
+      .chill-entity__person__last-name {
+        font-size: 1.3em;
+        font-weight: 700;
+      }
+    }
+
+    & > div {
+      display: flex;
+    }
+    @media screen and (min-width: 720px) {
+      & > div {
+        flex-direction: row;
+
+        .person-list--with-period__item__box-where {
+          align-self: flex-end;
+          margin-left: auto;
+          width: 33%;
+
+          text-align: right;
+        }
+      }
+    }
+
+    @media screen and (max-width: 720px) {
+      & > div {
+        flex-direction: column;
+      }
+    }
+
+    @media screen and (max-width: 460px) {
+      .person-list--with-period__item__box-where__center {
+        display: none;
+      }
+      .chill_address {
+        .street {
+          display: none;
+        }
+
+        .country {
+          display: none;
+        }
+      }
+    }
+
+    ul.person-list--with-period__item__periods {
+      list-style-type: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        
+      } 
+    }
+  }
+  .person-list--with-period__item:hover {
+    background-color: var(--chill-llight-gray);
+  }
+}