From f106c98bdf50dde95afec52ee7a2e5351da03612 Mon Sep 17 00:00:00 2001
From: Timothee <timothee.callet@combodo.com>
Date: Thu, 26 Feb 2026 10:24:49 +0100
Subject: [PATCH] =?UTF-8?q?N=C2=B08955=20Remove=20fixed=20width,=20add=20d?=
 =?UTF-8?q?ynamic=20display=20for=20force=20uninstall=20menu=20item?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/extension/_extension-details.scss        |  7 +++++--
 .../UI/Base/Layout/Extension/ExtensionDetails.php   |  2 +-
 .../Backoffice/RenderAllUiBlocks.php                | 13 +++++++++++--
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/css/backoffice/layout/extension/_extension-details.scss b/css/backoffice/layout/extension/_extension-details.scss
index 9a28ca739..837efb30e 100644
--- a/css/backoffice/layout/extension/_extension-details.scss
+++ b/css/backoffice/layout/extension/_extension-details.scss
@@ -9,8 +9,7 @@ $ibo-extension-details--actions--button--padding-x: $ibo-button--padding-x !defa
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
-
-	width: 450px;
+	width: 100%;
 }
 
 .ibo-extension-details--information {
@@ -48,4 +47,8 @@ $ibo-extension-details--actions--button--padding-x: $ibo-button--padding-x !defa
 
 .ibo-extension-details--actions > button {
 	padding: $ibo-extension-details--actions--button--padding-y $ibo-extension-details--actions--button--padding-x;
+}
+
+.ibo-extension-details--actions:has(.toggler-install:not(:disabled)) .ibo-popover-menu--section a[data-resource-id="force_uninstall"] {
+	display: none;
 }
\ No newline at end of file
diff --git a/sources/Application/UI/Base/Layout/Extension/ExtensionDetails.php b/sources/Application/UI/Base/Layout/Extension/ExtensionDetails.php
index ae8c66dd9..33aec8a45 100644
--- a/sources/Application/UI/Base/Layout/Extension/ExtensionDetails.php
+++ b/sources/Application/UI/Base/Layout/Extension/ExtensionDetails.php
@@ -173,6 +173,7 @@ class ExtensionDetails extends UIContentBlock
 	{
 		$this->oToggler = new Toggler();
 		$this->oToggler->SetName('ExtensionToggler');
+		$this->oToggler->AddCSSClass('toggler-install');
 	}
 
 	protected function InitializePopoverMenu()
@@ -204,7 +205,6 @@ JS,
 			'force_uninstall',
 			'Force uninstall',
 			<<<JS
-	this.style.display = 'none';
 	this.closest('.ibo-extension-details').querySelector('input[type=checkbox]').disabled = false
 JS,
 		);
diff --git a/tests/manual-visual-tests/Backoffice/RenderAllUiBlocks.php b/tests/manual-visual-tests/Backoffice/RenderAllUiBlocks.php
index 54fdc2f35..b77b7898e 100644
--- a/tests/manual-visual-tests/Backoffice/RenderAllUiBlocks.php
+++ b/tests/manual-visual-tests/Backoffice/RenderAllUiBlocks.php
@@ -45,6 +45,8 @@ use Combodo\iTop\Application\UI\Base\Component\PopoverMenu\PopoverMenuItem\Popov
 use Combodo\iTop\Application\UI\Base\Component\Title\TitleUIBlockFactory;
 use Combodo\iTop\Application\UI\Base\Layout\Extension\ExtensionDetails;
 use Combodo\iTop\Application\UI\Base\Layout\Extension\ExtensionDetailsUIBlockFactory;
+use Combodo\iTop\Application\UI\Base\Layout\MultiColumn\Column\Column;
+use Combodo\iTop\Application\UI\Base\Layout\MultiColumn\MultiColumn;
 use Combodo\iTop\Application\UI\Base\Layout\Object\ObjectFactory;
 use Combodo\iTop\Application\UI\Base\Layout\PageContent\PageContentFactory;
 use Combodo\iTop\Application\UI\Base\Layout\UIContentBlockUIBlockFactory;
@@ -625,11 +627,18 @@ $oPage->AddUiBlock($oSampleBadgeRed);
 
 $oPage->AddUiBlock(TitleUIBlockFactory::MakeNeutral('Extensions details layout', 3));
 
+$oMultiCol = new MultiColumn();
+$oColumnLeft = new Column();
+$oColumnRight = new Column();
+$oMultiCol->AddColumn($oColumnLeft);
+$oMultiCol->AddColumn($oColumnRight);
+$oPage->AddUiBlock($oMultiCol);
+
 $oExtensionDetailInstalledFromFactory = ExtensionDetailsUIBlockFactory::MakeInstalled('itop-sample', 'My extension v2', 'This is for test only', ['v1.1.1', 'Designer', '12/12/2012'], ['uninstallable' => false,'missing' => true]);
-$oPage->AddUiBlock($oExtensionDetailInstalledFromFactory);
+$oColumnLeft->AddSubBlock($oExtensionDetailInstalledFromFactory);
 
 $oExtensionDetailInstalledWithLongTitle = ExtensionDetailsUIBlockFactory::MakeNotInstalled('itop-sample', 'My extension with a very long title', 'This is for test only', ['v1.1.1', 'Designer', '12/12/2012'], ['uninstallable' => false]);
-$oPage->AddUiBlock($oExtensionDetailInstalledWithLongTitle);
+$oColumnRight->AddSubBlock($oExtensionDetailInstalledWithLongTitle);
 $oPage->add('<hr id="page_bottom"/>');
 
 $oPage->output();