From 067c1b43a5bc5e2a532002ee567eb50ff848c276 Mon Sep 17 00:00:00 2001
From: Florian Duros <florianduros@element.io>
Date: Mon, 8 Jun 2026 18:04:28 +0200
Subject: [PATCH] feat: remove subphrase in edition section dialog (#33780)

---
 .../res/css/views/dialogs/_CreateSectionDialog.pcss |  4 ++++
 .../views/dialogs/CreateSectionDialog.tsx           | 13 +++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss
index 7c941be39f..3198db4303 100644
--- a/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss
+++ b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss
@@ -21,3 +21,7 @@
         width: 100%;
     }
 }
+
+.mx_CreateSectionDialog_edition > .mx_Dialog_header {
+    margin-bottom: var(--cpd-space-6x);
+}
diff --git a/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx b/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx
index d8aaed3326..717c80d015 100644
--- a/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx
+++ b/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx
@@ -8,6 +8,7 @@
 import React, { useState, type JSX } from "react";
 import { Flex } from "@element-hq/web-shared-components";
 import { Form, Text } from "@vector-im/compound-web";
+import classNames from "classnames";
 
 import BaseDialog from "./BaseDialog";
 import DialogButtons from "../elements/DialogButtons";
@@ -37,15 +38,19 @@ export function CreateSectionDialog({ onFinished, sectionToEdit }: CreateSection
 
     return (
         <BaseDialog
-            className="mx_CreateSectionDialog"
+            className={classNames("mx_CreateSectionDialog", {
+                mx_CreateSectionDialog_edition: isEdition,
+            })}
             onFinished={() => onFinished(false, value)}
             title={isEdition ? _t("create_section_dialog|title_edition") : _t("create_section_dialog|title")}
             hasCancel={true}
         >
             <Flex gap="var(--cpd-space-6x)" direction="column" className="mx_CreateSectionDialog_content">
-                <Text as="span" weight="medium">
-                    {_t("create_section_dialog|description")}
-                </Text>
+                {!isEdition && (
+                    <Text as="span" weight="medium">
+                        {_t("create_section_dialog|description")}
+                    </Text>
+                )}
                 <Form.Root
                     className="mx_CreateSectionDialog_form"
                     onSubmit={(e) => {