fixed Issue #48: Closing modals with esc-key doesn't work

This commit is contained in:
Michael Hoffmann 2016-07-12 15:52:15 +02:00
parent 5ad92bea16
commit 496c579c6b
5 changed files with 527 additions and 500 deletions

View File

@ -653,6 +653,11 @@ ul.social-buttons li a:active {
.btn:active:focus { .btn:active:focus {
outline: none; outline: none;
} }
.portfolio-modal .modal-dialog {
margin: 0;
height: 100%;
width: auto;
}
.portfolio-modal .modal-content { .portfolio-modal .modal-content {
border-radius: 0; border-radius: 0;
background-clip: border-box; background-clip: border-box;

2
css/agency.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -472,6 +472,7 @@
<!-- Portfolio Modal 1 --> <!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -502,9 +503,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Portfolio Modal 2 --> <!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -528,9 +531,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Portfolio Modal 3 --> <!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -555,9 +560,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Portfolio Modal 4 --> <!-- Portfolio Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -582,9 +589,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Portfolio Modal 5 --> <!-- Portfolio Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -609,9 +618,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Portfolio Modal 6 --> <!-- Portfolio Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
<div class="lr"> <div class="lr">
@ -636,6 +647,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- jQuery --> <!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery/jquery.min.js"></script>

View File

@ -637,6 +637,11 @@ ul.social-buttons {
} }
.portfolio-modal { .portfolio-modal {
.modal-dialog{
margin: 0;
height: 100%;
width: auto;
}
.modal-content { .modal-content {
border-radius: 0; border-radius: 0;
background-clip: border-box; background-clip: border-box;

View File

@ -717,6 +717,11 @@ ul.social-buttons {
} }
.portfolio-modal { .portfolio-modal {
.modal-dialog{
margin: 0;
height: 100%;
width: auto;
}
.modal-content { .modal-content {
border-radius: 0; border-radius: 0;
background-clip: border-box; background-clip: border-box;