From 7322fa1a3fd24a88ea13d3f6abea9fc9c2a5abb6 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Sat, 18 Jan 2025 12:29:05 +0500
Subject: [PATCH] MM-62498 - Adding control-label ellipsis (#29830)

* MM-61205 - Adding control-label ellipsis

* updating css

* updating form-group
---
 .../channels/src/sass/components/_forms.scss  | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/webapp/channels/src/sass/components/_forms.scss b/webapp/channels/src/sass/components/_forms.scss
index 60c0fab87d..161f682a29 100644
--- a/webapp/channels/src/sass/components/_forms.scss
+++ b/webapp/channels/src/sass/components/_forms.scss
@@ -18,6 +18,25 @@
     }
 }
 
+.form-group {
+    max-width: 100%;
+
+    .control-label {
+        overflow: hidden;
+        padding-right: 5px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    &.form-group--small {
+        margin-bottom: 10px;
+    }
+
+    &.pos-rel {
+        position: relative;
+    }
+}
+
 .form-control {
     ::placeholder {
         color: inherit;
@@ -91,14 +110,6 @@
     font-size: 0.95em;
 }
 
-.form-group {
-    max-width: 100%;
-
-    &.form-group--small {
-        margin-bottom: 10px;
-    }
-}
-
 .has-error {
 
     .help-block,