From 623d67d25487fc27453c2d49a7cba27a10ffb8e0 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Wed, 12 Jan 2022 09:56:15 +0000
Subject: [PATCH] [IMP] web: pager scss revamp

This commit simplifies the SCSS of the Pager component.

task-2733437

Part-of: odoo/odoo#82866
---
 addons/web/static/src/core/pager/pager.scss | 24 ---------------------
 addons/web/static/src/core/pager/pager.xml  |  8 +++----
 2 files changed, 4 insertions(+), 28 deletions(-)
 delete mode 100644 addons/web/static/src/core/pager/pager.scss

diff --git a/addons/web/static/src/core/pager/pager.scss b/addons/web/static/src/core/pager/pager.scss
deleted file mode 100644
index 962e6a2bbc6..00000000000
--- a/addons/web/static/src/core/pager/pager.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.o_pager {
-    display: flex;
-    align-items: center;
-
-    .o_pager_counter {
-        min-width: $o-statbutton-height;
-    }
-
-    .o_pager_value {
-        display: inline-block;
-    }
-    
-    span.o_pager_value {
-        border-bottom: 1px solid transparent;
-    }
-    
-    input.o_pager_value {
-        text-align: right;
-        width: 60px;
-        &:focus {
-            outline: none;
-        }
-    }
-}
diff --git a/addons/web/static/src/core/pager/pager.xml b/addons/web/static/src/core/pager/pager.xml
index a11dea6423b..04ce3bd8db6 100644
--- a/addons/web/static/src/core/pager/pager.xml
+++ b/addons/web/static/src/core/pager/pager.xml
@@ -2,13 +2,13 @@
 <templates xml:space="preserve">
 
     <t t-name="web.Pager" owl="1">
-        <nav class="o_pager" aria-label="Pager">
-            <span class="o_pager_counter mr-2" t-on-click.stop="">
+        <nav class="o_pager align-items-center d-flex gap-2" aria-label="Pager">
+            <span class="o_pager_counter" t-on-click.stop="">
                 <t t-if="state.isEditing">
-                    <input type="text" class="o_pager_value o_input" t-ref="autofocus" t-att-value="value" t-on-blur="onInputBlur" t-on-change="onInputChange" t-on-keydown.stop="onInputKeydown" />
+                    <input type="text" class="o_pager_value o_input d-inline-block w-auto text-right" size="7" t-ref="autofocus" t-att-value="value" t-on-blur="onInputBlur" t-on-change="onInputChange" t-on-keydown.stop="onInputKeydown" />
                 </t>
                 <t t-else="">
-                    <span class="o_pager_value" t-esc="value" t-on-click="onValueClick" />
+                    <span class="o_pager_value d-inline-block border-bottom border-white" t-esc="value" t-on-click="onValueClick" />
                 </t>
                 <span> / </span>
                 <span class="o_pager_limit" t-esc="props.total" />