move alert-with-actions sass, remove unused alert-first-child

This commit is contained in:
Mathieu Jaumotte 2021-07-22 11:37:05 +02:00
parent 678c7d18b4
commit ff671ded9c
4 changed files with 31 additions and 43 deletions

View File

@ -41,6 +41,7 @@ ul.record_actions.sticky-form-buttons {
// inside table exceptions // inside table exceptions
table { table {
td ul.record_actions, td ul.record_actions,
ul.record_actions_small { ul.record_actions_small {
li { li {
@ -53,3 +54,33 @@ table {
padding: 0.5em; padding: 0.5em;
} }
} }
// inside alert exceptions
div.alert.alert-with-actions {
display: flex;
flex-direction: row;
ul.record_actions {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
li:nth-child(1n+2) {
margin-top: 0.5rem;
}
li {
margin-right: 0;
}
}
@media screen and (max-width: 1050px) {
flex-direction: column;
ul.record_actions {
margin-top: 1rem;
text-align: center;
}
}
}

View File

@ -1,10 +0,0 @@
/*
* when an alert is the first child of the page, with a banner, we do not want the alert to be merged with the banner
*/
div.container.content {
& > div {
div.alert:nth-child(2) {
margin-top: 1rem;
}
}
}

View File

@ -1,29 +0,0 @@
div.alert.alert-with-actions {
display: flex;
flex-direction: row;
ul.record_actions {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
li:nth-child(1n+2) {
margin-top: 0.5rem;
}
li {
margin-right: 0;
}
}
@media screen and (max-width: 1050px) {
flex-direction: column;
ul.record_actions {
margin-top: 1rem;
text-align: center;
}
}
}

View File

@ -8,10 +8,6 @@
@import '~ChillMainAssets/modules/bootstrap/bootstrap'; @import '~ChillMainAssets/modules/bootstrap/bootstrap';
@import 'alert-first-child';
@import 'alert-with-actions';
/* /*
* Specific rules * Specific rules
*/ */