Move getScrollWidth to ScrollHelper

1 files changed, 29 insertions, 0 deletions

diff --git a/app/assets/javascripts/helpers/scroll_helper.js b/app/assets/javascripts/helpers/scroll_helper.js
new file mode 100644
index 00000000000..4a3a9e161a8
--- /dev/null
+++ b/app/assets/javascripts/helpers/scroll_helper.js
@@ -0,0 +1,29 @@
+function getScrollWidth() {
+  const $rulerContainer = $('<div>').css({
+    visibility: 'hidden',
+    width: 100,
+    overflow: 'scroll',
+  });
+
+  const $ruler = $('<div>').css({
+    width: '100%',
+  });
+
+  $ruler.appendTo($rulerContainer);
+  $rulerContainer.appendTo('body');
+
+  const scrollWidth = $ruler.outerWidth();
+
+  $rulerContainer.remove();
+
+  return 100 - scrollWidth;
+}
+
+function setScrollWidth() {
+  $('body').attr('data-scroll-width', getScrollWidth());
+}
+
+export {
+  getScrollWidth,
+  setScrollWidth,
+};