From f72037948c3f6b19835dddf8e1664e22ece3fb9f Mon Sep 17 00:00:00 2001
From: pash-odoo <pash@odoo.com>
Date: Mon, 19 Jun 2023 05:49:24 +0000
Subject: [PATCH] [FIX] project: fix overlapping issue of archive ribbon and
 state button in task

Before this commit if we archive project's task then 'archive' ribbon and state
button were getting overlapped.
steps:
-> go to the project and open any project and then open any task
-> click on archive and see that archive ribbon and state button get overlapped

Fix:
-> checked condition if record is archived or not
-> if record is archived then first apply the justify content start of div which
   contains state button and then changed width of state for different screen
   sizes.
-> if record is not archive then leave the state button as it is.

task-3374980

closes odoo/odoo#126208

X-original-commit: 8400dc4bbc40b157736972fedd28d48907396611
Signed-off-by: Xavier Bol (xbo) <xbo@odoo.com>
---
 addons/project/views/project_task_views.xml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/addons/project/views/project_task_views.xml b/addons/project/views/project_task_views.xml
index 81997cbd626..bc6101d56d5 100644
--- a/addons/project/views/project_task_views.xml
+++ b/addons/project/views/project_task_views.xml
@@ -310,8 +310,11 @@
                                 <field name="priority" widget="priority_switch" class="me-3"/>
                                 <field name="name" options="{'line_breaks': False}" widget="text" class="o_task_name text-truncate w-md-75 w-100 pe-2" placeholder="Task Title..."/>
                             </div>
-                            <div class="d-flex justify-content-end o_state_container">
-                                <field name="state" widget="project_task_state_selection" class="o_task_state_widget"/>
+                            <div class="d-flex justify-content-end o_state_container" attrs="{'invisible': [('active', '=', False)]}">
+                                <field name="state" widget="project_task_state_selection" class="o_task_state_widget" />
+                            </div>
+                            <div class="d-flex justify-content-start o_state_container w-100 w-md-50 w-lg-25" attrs="{'invisible': [('active', '=', True)]}">
+                                <field name="state" widget="project_task_state_selection" class="o_task_state_widget" />
                             </div>
                         </h1>
                     </div>