Move modal action styles to parent component

They were already being shared with a HelpModalComponent in fact.
This commit is contained in:
David Cook
2024-02-06 14:34:12 +11:00
parent 2c497195b4
commit 8c6d3a27ec
5 changed files with 23 additions and 25 deletions

View File

@@ -1,22 +0,0 @@
.modal-actions {
display: flex;
&.justify-space-around {
justify-content: space-around;
}
&.justify-end {
justify-content: flex-end;
input[type="button"] {
margin: 0 5px;
}
@media only screen and (max-width: 1024px) {
flex-direction: column;
justify-content: space-around;
input[type="button"] {
margin: 5px 0;
}
}
}
}

View File

@@ -22,3 +22,26 @@
body.modal-open #admin-menu li.selected a::after {
z-index: 0;
}
.modal-actions {
display: flex;
&.justify-space-around {
justify-content: space-around;
}
&.justify-end {
justify-content: flex-end;
input[type="button"] {
margin: 0 5px;
}
@media only screen and (max-width: 1024px) {
flex-direction: column;
justify-content: space-around;
input[type="button"] {
margin: 5px 0;
}
}
}
}

View File

@@ -125,5 +125,4 @@
@import "components/tom_select";
@import "app/components/modal_component/modal_component";
@import "app/components/confirm_modal_component/confirm_modal_component";
@import "app/webpacker/css/admin/trix.scss";

View File

@@ -129,7 +129,6 @@
@import "components/tom_select"; // admin_v3
@import "app/components/modal_component/modal_component";
@import "app/components/confirm_modal_component/confirm_modal_component";
@import "app/components/vertical_ellipsis_menu/component"; // admin_v3 and only V3
@import "app/webpacker/css/admin/trix.scss";

View File

@@ -78,4 +78,3 @@ ofn-modal {
@import '../admin/shared/scroll_bar';
@import 'app/components/modal_component/modal_component';
@import 'app/components/confirm_modal_component/confirm_modal_component';