feat(css): wider verification modale, move to tchap custom instead of…

… react-sdk css
tchapgouv · Oct 24, 2024 · 8645f78 · 8645f78
1 parent 936f26f
commit 8645f78
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/linked-dependencies/matrix-react-sdk/res/css/views/auth/_CompleteSecurityBody.pcss b/linked-dependencies/matrix-react-sdk/res/css/views/auth/_CompleteSecurityBody.pcss
@@ -8,12 +8,6 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_CompleteSecurityBody {
-    /* :TCHAP: cross-signing-ui
-    width: 600px;
-    */
-    width: 660px;
-    /* end :TCHAP: */
-
     color: $authpage-primary-color;
     background-color: $background;
     border-radius: 4px;

diff --git a/modules/tchap-translations/tchap_translations.json b/modules/tchap-translations/tchap_translations.json
@@ -879,11 +879,11 @@
         "fr": "ProConnect est désactivé pour votre domaine"
     },
     "encryption|verification|help_link": {
-        "en": "<a>Learn more and get help<a>",
-        "fr": "<a>En savoir plus et obtenir de l'aide <a>"
+        "en": "<a>Learn more and get help</a>",
+        "fr": "<a>En savoir plus et obtenir de l'aide </a>"
     },
     "encryption|verification|help_button": {
-        "en": "<a>Help<a>",
-        "fr": "<a>Aide <a>"
+        "en": "<a>Help</a>",
+        "fr": "<a>Aide </a>"
     }
 }
diff --git a/res/themes/tchap-common/css/_tchap_custom.pcss b/res/themes/tchap-common/css/_tchap_custom.pcss
@@ -72,4 +72,9 @@
 .mx_AuthBody_text .mx_ErrorMessage {
     margin-top: 10px;
     font-weight: bold;
+}
+
+/* help-access-verify-device added help button, so need to have wider width to avoid double line text in other buttons */
+.mx_CompleteSecurityBody {
+    width: 726px;
 }