Rename modal-image to modal-lightbox.

jrockowitz · Oct 18, 2015 · 8444370 · 8444370
1 parent 7b9c2a5
commit 8444370
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 11 deletions.
diff --git a/_includes/scripts.html b/_includes/scripts.html
@@ -1,4 +1,4 @@
-{% include widgets/modal-image.html %}
+{% include widgets/modal-lightbox.html %}
 
 {% if site.environment == 'development' %}
   <script src="{{ site.baseurl }}/bower_components/jquery/dist/jquery.js"></script>

diff --git a/_includes/style-guide/custom.html b/_includes/style-guide/custom.html
@@ -7,12 +7,12 @@ <h3><a href="http://stackoverflow.com/questions/25023199/bootstrap-open-image-in
 <div><a href="http://placehold.it/800x600?1.png"><img src="http://placehold.it/200x150?1.png" title="My Custom Image Title" class="img-thumbnail"></a></div>
 
 <!-- Creates the bootstrap modal where the image will appear -->
-<div class="modal fade" id="modal-image" tabindex="-1" role="dialog" aria-labelledby="modal-image-label" aria-hidden="true">
+<div class="modal fade" id="modal-lightbox" tabindex="-1" role="dialog" aria-labelledby="modal-lightbox-label" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
-        <h4 class="modal-title" id="modal-image-label"></h4>
+        <h4 class="modal-title" id="modal-lightbox-label"></h4>
       </div>
       <div class="modal-body">
         <img class="img-responsive">

diff --git a/_includes/widgets/modal-image.html → _includes/widgets/modal-lightbox.html b/_includes/widgets/modal-image.html → _includes/widgets/modal-lightbox.html
@@ -1,9 +1,9 @@
-<div class="modal fade modal-image" id="modal-image" tabindex="-1" role="dialog" aria-labelledby="modal-image-label" aria-hidden="true">
+<div class="modal fade modal-lightbox" id="modal-lightbox" tabindex="-1" role="dialog" aria-labelledby="modal-lightbox-label" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
-        <h4 class="modal-title" id="modal-image-label"></h4>
+        <h4 class="modal-title" id="modal-lightbox-label"></h4>
       </div>
       <div class="modal-body">
         <img class="img-responsive">

diff --git a/_sass/_modal.scss b/_sass/_modal.scss
@@ -2,6 +2,6 @@
  * Contains Bootstrap modal overrides.
  */
 
-.modal-image .img-responsive {
+.modal-lightbox .img-responsive {
   margin: 0 auto;
 }
diff --git a/css/main.min.css b/css/main.min.css
diff --git a/js/main.js b/js/main.js
@@ -53,9 +53,9 @@
   $('a[href$=".png"], a[href$=".jpg"]').click(function(event) {
     var $img = $(this).find('img');
     var title = $(this).attr('title') || ($img.length) ? ($img.attr('title') || $img.attr('alt')) : '';
-    $('#modal-image img').attr('src', $(this).attr('href'));
-    $('#modal-image h4').html(title);
-    $('#modal-image').modal('show');
+    $('#modal-lightbox img').attr('src', $(this).attr('href'));
+    $('#modal-lightbox h4').html(title);
+    $('#modal-lightbox').modal('show');
     event.preventDefault();
   });
 

diff --git a/js/main.min.js b/js/main.min.js