Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-20 14: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

12
src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss
View File

@@ -17,8 +17,8 @@ $chill-theme-buttons: (
"update": $chill-orange,
"show": $chill-blue,
"view": $chill-blue,
"misc": $chill-light-gray,
"cancel": $chill-light-gray,
"misc": $gray-300,
"cancel": $gray-300,
);
@each $button, $color in $chill-theme-buttons {
@@ -74,17 +74,17 @@ $chill-theme-buttons: (
}
&[class*='btn-']:empty {
&::before {
margin-right: 0;
margin-right: 0;
}
}
}
.btn {
&.btn-new::before,
&.btn-create::before { content: "\f067"; } // fa-plus
&.btn-edit::before,
&.btn-create::before { content: "\f067"; } // fa-plus
&.btn-edit::before,
&.btn-update::before { content: "\f040"; } // fa-pencil
&.btn-show::before,
&.btn-show::before,
&.btn-view::before { content: "\f06e"; } // fa-eye
&.btn-save::before { content: "\f0c7"; } // fa-floppy-o
&.btn-duplicate::before { content: "\f24d"; } // fa-clone // f0c5 fa-files-o

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;
}
}
}

7
src/Bundle/ChillMainBundle/Resources/public/chill/scss/mixins.scss
View File

@@ -26,3 +26,10 @@
0 1px 0 0 var(--bs-dark) inset;
}
// Dotted line to separate rows
@mixin separator {
margin-top: 0.5em;
border-top: 1px dotted $gray-900;
padding-top: 0.5em;
}