a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve modal popup CSS

Browse Source
This commit is contained in:
Maciej Ziarkowski 2019-08-16 15:40:38 +01:00
parent 4ad62eb196
commit 28ffdcf19e
2 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/frontend/ConfirmationModal.css
View File

@ -1,7 +1,7 @@
.show-modal {
.modal.modal-show {
display: block;
}
.modal-hide {
.modal.modal-hide {
display: none;
}

4
app/src/frontend/ConfirmationModal.tsx
View File

@ -21,7 +21,8 @@ const ConfirmationModal: React.FunctionComponent<ConfirmationModalProps> = ({
}) => {
const modalShowClass = props.show ? 'modal-show': 'modal-hide';
return (
<div className={modalShowClass} tabIndex={-1} role="dialog">
<div className={`modal ${modalShowClass}`} tabIndex={-1} role="dialog">
<div className="modal-backdrop">
<div className="modal-dialog" role="document">
<div className="modal-content">
<div className="modal-header">
@ -53,6 +54,7 @@ const ConfirmationModal: React.FunctionComponent<ConfirmationModalProps> = ({
</div>
</div>
</div>
</div>
);
};