Lightbox Title Fix Redux (#1675)

themes/bootstrap3/js/lightbox.js

@@ -7,7 +7,7 @@ VuFind.register('lightbox', function Lightbox() {
   var refreshOnClose = false;
   var _modalParams = {};
   // Elements
-  var _modal, _modalBody, _modalTitle, _clickedButton = null;
+  var _modal, _modalBody, _clickedButton = null;
   // Utilities
   function _storeClickedStatus() {
     _clickedButton = this;
@@ -386,7 +386,6 @@ VuFind.register('lightbox', function Lightbox() {
   function init() {
     _modal = $('#modal');
     _modalBody = _modal.find('.modal-body');
-    _modalTitle = _modal.find('#modal-title');
     _modal.on('hide.bs.modal', function lightboxHide() {
       if (VuFind.lightbox.refreshOnClose) {
         VuFind.refreshPage();

themes/bootstrap3/less/components/lightbox.less

@@ -34,13 +34,6 @@
   margin-bottom: 1.3rem;
 }
 
-#modal-title {
-  display: block;
-  padding: 0.8rem 1rem 0.7rem;
-  font-size: 23px;
-  font-weight: normal;
-}
-
 #modal .cart-controls .btn { margin-bottom: 4px; }
 #modal .cart-controls .checkbox { padding-bottom: 1rem; }
 #modal .cart-controls ~ hr { margin-top: 0; }

themes/bootstrap3/scss/components/lightbox.scss

@@ -34,13 +34,6 @@
   margin-bottom: 1.3rem;
 }
 
-#modal-title {
-  display: block;
-  padding: 0.8rem 1rem 0.7rem;
-  font-size: 23px;
-  font-weight: normal;
-}
-
 #modal .cart-controls .btn { margin-bottom: 4px; }
 #modal .cart-controls .checkbox { padding-bottom: 1rem; }
 #modal .cart-controls ~ hr { margin-top: 0; }

themes/bootstrap3/templates/layout/layout.phtml

@@ -196,8 +196,7 @@ JS;
       <div class="modal-dialog">
         <div class="modal-content">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-          <span id="modal-title" role="heading"><?=$this->transEsc('Loading') ?>...</span>
-          <div class="modal-body"></div>
+          <div class="modal-body"><?=$this->transEsc('Loading') ?>...</div>
         </div>
       </div>
     </div>