Skip to content
Snippets Groups Projects
Commit 26ce67b0 authored by Demian Katz's avatar Demian Katz
Browse files

RTL improvements.

parent 5b85a65e
No related merge requests found
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -228,7 +228,12 @@ VuFind.register('cart', function Cart() {
_registerToggles();
// Search results
_registerUpdate();
$("#updateCart, #bottom_updateCart").popover({content: '', html: true, trigger: 'manual'});
$("#updateCart, #bottom_updateCart").popover({
content: '',
html: true,
trigger: 'manual',
placement: $(document.body).hasClass('rtl') ? 'left' : 'right'
});
updateCount();
}
......
......@@ -295,7 +295,7 @@ VuFind.register('lightbox', function Lightbox() {
}, false);
}
// Loading
_modalBody.prepend('<i class="fa fa-spinner fa-spin pull-right" title="' + VuFind.translate('loading') + '"></i>');
_modalBody.prepend('<i class="modal-loading fa fa-spinner fa-spin" title="' + VuFind.translate('loading') + '"></i>');
// Prevent multiple submission of submit button in lightbox
if (submit.closest(_modal).length > 0) {
submit.attr('disabled', 'disabled');
......
.lightbox-only { display: none; }
#modal .lightbox-only { display: initial; }
#modal {background-color: rgba(0,0,0,.2);}
#modal .modal-content > .close {
#modal { background-color: rgba(0,0,0,.2); }
#modal .modal-content > .close { // Fancy side X button
position: absolute;
right: -50px;
top: 0;
......@@ -10,15 +7,27 @@
font-size: 32pt;
color: #fff;
opacity: .7;
body.rtl & {
left: -50px;
right: auto;
}
}
#modal .modal-content > .close:hover {opacity: 1;}
#modal .modal-content > .close:hover { opacity: 1; }
#modal .modal-body h1,
#modal .modal-body h2 {
margin-top: 0.3rem;
margin-bottom: 1.3rem;
}
#modal .cart-controls .btn {margin-bottom: 4px;}
#modal .cart-controls .checkbox {padding-bottom: 1em;}
#modal .cart-controls ~ hr {margin-top: 0;}
#modal .cart-controls .btn { margin-bottom: 4px; }
#modal .cart-controls .checkbox { padding-bottom: 1rem; }
#modal .cart-controls ~ hr { margin-top: 0; }
.lightbox-scroll { overflow-y: auto; }
// Loading spinner
.modal-loading { float: right; }
body.rtl .modal-loading { float: left; }
// Utility classes
.lightbox-only { display: none; }
#modal .lightbox-only { display: initial; }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment