Increases scrolling steps and adds scrolling animations to the tab bar. #424

overrides/layout/container/boxOverflow/Scroller.js

@@ -0,0 +1,34 @@
+/**
+ * Per default scrolling the tab bar moves the tabs 20 pixels.
+ * To improve the usability of the tab bar this value is increased for Rambox.
+ * Also animations are enabled, so the user understands what's going on.
+ */
+Ext.define('Rambox.overrides.layout.container.boxOverflow.Scroller', {
+	override: 'Ext.layout.container.boxOverflow.Scroller',
+
+	scrollIncrement: 250,
+	wheelIncrement: 50,
+
+	animateScroll: true,
+	scrollDuration: 250,
+
+	/**
+	 * In difference to the overridden function this one enables scroll animations.
+	 *
+	 * @private
+	 * Scrolls to the left by the configured amount
+	 */
+	scrollLeft: function() {
+		this.scrollBy(-this.scrollIncrement);
+	},
+
+	/**
+	 * In difference to the overridden function this one enables scroll animations.
+	 *
+	 * @private
+	 * Scrolls to the right by the configured amount
+	 */
+	scrollRight: function() {
+		this.scrollBy(this.scrollIncrement);
+	}
+});