github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

rework modal overlay

pull/3152/head
REJack 2020-11-26 08:30:52 +01:00
parent b1b8613882
commit 90910da8ee
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
build/scss/_modals.scss
View File

@ -5,15 +5,19 @@
// Overlay // Overlay
.modal-dialog { .modal-dialog {
.overlay { .overlay {
background-color: $black; display: flex;
display: block;
height: 100%;
left: 0;
opacity: .7;
position: absolute; position: absolute;
left: 0;
top: 0; top: 0;
width: 100%; bottom: 0;
right: 0;
margin: -$modal-content-border-width;
z-index: ($zindex-modal + 2); z-index: ($zindex-modal + 2);
justify-content: center;
align-items: center;
background-color: rgba($black, .7);
color: darken($gray-600, 2.5%);
@include border-radius($modal-content-border-radius);
} }
} }

2
pages/UI/modals.html
View File

@ -1046,7 +1046,7 @@
<div class="modal fade" id="modal-overlay"> <div class="modal fade" id="modal-overlay">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="overlay d-flex justify-content-center align-items-center"> <div class="overlay">
<i class="fas fa-2x fa-sync fa-spin"></i> <i class="fas fa-2x fa-sync fa-spin"></i>
</div> </div>
<div class="modal-header"> <div class="modal-header">