Author: carlucci
Date: Wed Aug 29 20:35:20 2012
New Revision: 1378708
URL: http://svn.apache.org/viewvc?rev=1378708&view=rev
Log:
RAVE-778: Hide main browser scrollbar when widget slideout renders
Modified:
rave/trunk/rave-portal-resources/src/main/webapp/static/css/rave-css.less
rave/trunk/rave-portal-resources/src/main/webapp/static/script/rave.js
Modified:
rave/trunk/rave-portal-resources/src/main/webapp/static/css/rave-css.less
URL:
http://svn.apache.org/viewvc/rave/trunk/rave-portal-resources/src/main/webapp/static/css/rave-css.less?rev=1378708&r1=1378707&r2=1378708&view=diff
==============================================================================
--- rave/trunk/rave-portal-resources/src/main/webapp/static/css/rave-css.less
(original)
+++ rave/trunk/rave-portal-resources/src/main/webapp/static/css/rave-css.less
Wed Aug 29 20:35:20 2012
@@ -1181,6 +1181,9 @@ footer {
font-style: italic;
}
+.no-scroll {
+ overflow: hidden;
+}
/* RESPONSIVE */
@media (max-width: 767px){
Modified: rave/trunk/rave-portal-resources/src/main/webapp/static/script/rave.js
URL:
http://svn.apache.org/viewvc/rave/trunk/rave-portal-resources/src/main/webapp/static/script/rave.js?rev=1378708&r1=1378707&r2=1378708&view=diff
==============================================================================
--- rave/trunk/rave-portal-resources/src/main/webapp/static/script/rave.js
(original)
+++ rave/trunk/rave-portal-resources/src/main/webapp/static/script/rave.js Wed
Aug 29 20:35:20 2012
@@ -92,6 +92,9 @@ var rave = rave || (function () {
container.show("slide", { direction:"right" }, 'fast');
$('body').addClass('modal-open');
$('body').append('<div class="modal-backdrop fade
in"></div>');
+ // hide the main browser window's scrollbar to prevent
possible "double scrollbar" rendering
+ // between it and an iframe vertical scrollbar
+ $('body').addClass('no-scroll');
},
cleanup:function (content) {
var container = content.parents(this.containerSelector);
@@ -99,6 +102,8 @@ var rave = rave || (function () {
container.detach();
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
+ // restore the main browser window's scrollbar
+ $('body').removeClass('no-scroll');
});
},
singleton:true
