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

reorganise flex-table assets, improve search results, and accompanyingPeriods list

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-08-20 16:19:15 +02:00
parent 38dcca7397
commit d2b0b9d7da
16 changed files with 194 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
View File

@@ -59,11 +59,6 @@ div.flex-bloc {
flex-direction: column;
div.item-col {
&.separator {
margin-top: 0.5em;
border-top: 1px dotted $gray-900;
padding-top: 0.5em;
}
&:first-child {
flex-grow: 0; flex-shrink: 0; flex-basis: auto;
@@ -71,15 +66,10 @@ div.flex-bloc {
&:last-child {
flex-grow: 1; flex-shrink: 1; flex-basis: auto;
@include separator;
ul.record_actions {
align-self: flex-end;
flex-grow: 1; flex-shrink: 0; flex-basis: auto;
margin: 0;
li {
margin-right: 5px;
}
}
}
}
@@ -108,17 +98,6 @@ div.flex-table {
div.item-row {
flex-direction: row;
&:first-child {
align-items: baseline; //
}
&.separator {
margin-top: 0.5em;
border-top: 1px dotted $gray-900;
padding-top: 0.5em;
//flex-direction: column;
}
div.item-col {
&:first-child {
flex-grow: 0; flex-shrink: 0; flex-basis: auto;
@@ -128,8 +107,11 @@ div.flex-table {
flex-grow: 1; flex-shrink: 1; flex-basis: auto;
justify-content: flex-end;
@include media-breakpoint-down(md) {
@include separator;
}
ul.record_actions {
flex-grow: 1; flex-shrink: 0; flex-basis: auto;
align-self: flex-start;
}
}
@@ -150,11 +132,11 @@ div.flex-table {
}
/*
* __WRAP-LIST-INLINE_________
* __WRAP_LIST_INLINE_________
* FLEX RESPONSIVE INLINE DEFINITION LIST
*/
div.wraplist {
div.wrap-list {
padding: 0;
width: 100%;
@@ -166,6 +148,7 @@ div.wraplist {
div.wl-col.title {
width: auto;
flex-shrink: 0;
@include media-breakpoint-up(md) {
margin-left: 1.5em;
@@ -205,12 +188,13 @@ div.wraplist {
}
/*
* __WRAP_HEADER_BLOC________
* HEADER ROW FOR FLEX-TABLE ELEMENTS
*/
div.wrapheader {
div.wrap-header {
width: 100%;
div.wh-row {
@@ -233,6 +217,44 @@ div.wrapheader {
justify-content: flex-end;
}
}
}
&.debug {
border: 1px solid $black;
div.wh-row {
&:first-child div.wh-col {
&:first-child { background-color: $yellow; }
&:last-child { background-color: $beige; }
}
&:last-child div.wh-col {
&:first-child { background-color: $orange; }
&:last-child { background-color: $pink; }
}
}
}
}
/*
* COMMON
*/
div.flex-bloc,
div.flex-table,
div.wrap-list,
div.wrap-header {
div.separator {
@include separator;
}
ul.record_actions {
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
margin: 0;
li {
margin-right: 5px;
}
}
}