person search rendering more reponsive

This commit is contained in:
2021-05-20 19:20:06 +02:00
parent 6a62b46dec
commit 8ae113c872
7 changed files with 86 additions and 23 deletions

View File

@@ -6,13 +6,6 @@
padding-bottom: 1em;
}
&:nth-of-type(odd) {
//background-color: var(--chill-light-gray);
}
&:nth-of-type(even) {
//background-color: var(--chill-dark-gray);
}
.chill-entity__person {
.chill-entity__person__first-name,
.chill-entity__person__last-name {
@@ -23,14 +16,39 @@
& > div {
display: flex;
flex-direction: row;
}
@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%;
.person-list--with-period__item__box-where {
align-self: flex-end;
margin-left: auto;
width: 33%;
text-align: right;
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;
}
}
}