Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-21 23:23:51 +00:00
Code Issues Actions Projects Releases Wiki Activity

improve flex-table and flex-box

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-05-26 18:01:58 +02:00
parent 37996651c4
commit 6c8f1f77ff
6 changed files with 368 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss
View File

@@ -1,63 +1,46 @@
/// complete and overwrite flex-table in chillmain.scss
div.list-with-period { // .flex-table
div.item-bloc {
margin-bottom: 0;
&:nth-last-of-type {
padding-bottom: 1em;
div.list-with-period {
div.person {
ul.record_actions {
li {
margin-right: 0 !important;
}
}
flex-direction: column; // !!
& > div {
display: flex;
flex-direction: row;
&.person {
div.box-person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 33%;
}
div.box-where {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 40%;
}
ul.record_actions {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 25%;
li {
margin-right: 0;
}
}
@media only screen and (max-width: 768px) {
flex-direction: column;
}
div.periods {
div.header,
div.list-content {
width: calc(100% - 40px);
margin-left: 40px;
}
div.header {
position: relative;
a.sc-button {
position: absolute;
width: 30px;
height: 30px;
top: 10px;
left: -40px;
padding: 0;
i {
padding: 5px;
}
}
&.periods {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
div.header {
abbr.referrer {
font-size: 70%;
}
span.user {}
}
span.more {
font-style: italic;
}
abbr.referrer {
font-size: 70%;
}
span.user {
margin-left: 1em;
}
}
div.list-content {
span.more {
font-style: italic;
}
}
}
}
.chill-entity__person {
.chill-entity__person__first-name,
.chill-entity__person__last-name {