custom _record_actions styles

This commit is contained in:
Mathieu Jaumotte 2021-07-06 12:21:52 +02:00
parent c2122d62c6
commit 49253abfb8
2 changed files with 61 additions and 0 deletions

View File

@ -5,6 +5,9 @@
/// chill buttons
@import 'custom/_buttons';
// chill record_actions
@import 'custom/_record_actions';
/// titles
h1, h2, .h1, .h2 {
font-weight: $headings-font-weight + 200;

View File

@ -0,0 +1,58 @@
// Symfony records actions
/*ul.record_actions {
padding-left: 0;
}
ul.record_actions li {
display: inline-block;
}*/
ul.record_actions, ul.record_actions_column {
display: flex;
justify-content: flex-end;
&.record_actions--left {
justify-content: flex-start;
}
padding: 0.5em 0;
flex-wrap: wrap-reverse;
li {
display: inline-block;
list-style-type: none;
margin-right: 1em;
order: 99;
&:last-child {
margin-right: 0;
}
}
li.cancel {
order: 1;
margin-right: auto;
}
}
ul.record_actions {
flex-direction: row;
}
ul.record_actions_column {
flex-direction: column;
}
ul.record_actions.sticky-form-buttons {
padding-left: 1em;
padding-right: 1em;
}
// inside table, little space between elements
td ul.record_actions,
ul.record_actions_small {
li {
margin-right: 0.2em;
}
}