Fix Lightbox Title (#1674)

themes/bootstrap3/less/components/lightbox.less

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

themes/bootstrap3/templates/layout/lightbox.phtml

-<span id="modal-title" hidden><?=$this->headTitle()->renderTitle() ?></span>
 <?=$this->layout()->content?>
 <?=$this->piwik(['lightbox' => true])?>
 <?=$this->googleanalytics($this->serverUrl(true))?>