[IMP] web: allow customize tab padding on pivot view

Allow the customization of the pivot header cell's left padding in mobile.

Task Id: 1904747

1 files changed, 3 insertions, 1 deletions

diff --git a/addons/web/static/src/js/views/pivot/pivot_renderer.js b/addons/web/static/src/js/views/pivot/pivot_renderer.js
index 787e28e38a9..813dc5d38b3 100644
--- a/addons/web/static/src/js/views/pivot/pivot_renderer.js
+++ b/addons/web/static/src/js/views/pivot/pivot_renderer.js
@@ -4,6 +4,7 @@ odoo.define('web.PivotRenderer', function (require) {
 var AbstractRenderer = require('web.AbstractRenderer');
 var core = require('web.core');
 var field_utils = require('web.field_utils');
+var config = require('web.config');
 
 var QWeb = core.qweb;
 
@@ -27,6 +28,7 @@ var PivotRenderer = AbstractRenderer.extend({
         this.fieldWidgets = params.widgets || {};
         this.timeRangeDescription = params.timeRangeDescription;
         this.comparisonTimeRangeDescription = params.comparisonTimeRangeDescription;
+        this.paddingLeftHeaderTabWidth = config.device.isMobile ? 5 : 30;
     },
 
     //--------------------------------------------------------------------------
@@ -225,7 +227,7 @@ var PivotRenderer = AbstractRenderer.extend({
             $header = $('<td>')
                 .text(rows[i].title)
                 .data('id', rows[i].id)
-                .css('padding-left', (5 + rows[i].indent * 30) + 'px')
+                .css('padding-left', (5 + rows[i].indent * self.paddingLeftHeaderTabWidth) + 'px')
                 .addClass(rows[i].expanded ? 'o_pivot_header_cell_opened' : 'o_pivot_header_cell_closed');
             if (rows[i].indent > 0) $header.attr('title', groupbyLabels[rows[i].indent - 1]);
             $header.appendTo($row);