From 3cff8e6e93040f74a83e3284c8087e733242131b Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 30 May 2025 03:22:58 +0530
Subject: [PATCH 1/3] fix: update emmet icon in html files to make it
 consistent to css emmet icon

---
 src/styles/brackets_patterns_override.less | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
index 4e5db00b9f..6686bb9352 100644
--- a/src/styles/brackets_patterns_override.less
+++ b/src/styles/brackets_patterns_override.less
@@ -727,22 +727,27 @@ a:focus {
   }
 }
 
-.emmet-hint {
-    margin-right: 48px !important;
+.emmet-code-hint {
+    visibility: hidden;
 }
 
-.emmet-code-hint {
+.codehint-menu .dropdown-menu li a.highlight .emmet-code-hint {
+    visibility: visible;
     position: absolute;
-    font-size: 0.85em;
+    right: 1rem;
+    font-size: 0.85em !important;
     font-weight: @font-weight-semibold;
-    right: 4px;
-    bottom: 0px;
+    letter-spacing: 0.3px;
     color: @css-codehint-icon !important;
     .dark& {
         color: @dark-css-codehint-icon !important;
     }
 }
 
+.emmet-hint {
+    margin-right: 48px !important;
+}
+
 #codehint-desc {
 	background: @bc-codehint-desc;
 	position: absolute;

From 36bb0ead35413878b6ee4d2f6b97b2ab164c70e2 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 30 May 2025 04:41:38 +0530
Subject: [PATCH 2/3] fix: give max-width to emmet for html so that it doesn't
 cover up the whole screen

---
 src/extensions/default/HTMLCodeHints/main.js | 11 ++++++++---
 src/styles/brackets_patterns_override.less   | 12 ++++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/extensions/default/HTMLCodeHints/main.js b/src/extensions/default/HTMLCodeHints/main.js
index 174af532b5..6aa213b8d8 100644
--- a/src/extensions/default/HTMLCodeHints/main.js
+++ b/src/extensions/default/HTMLCodeHints/main.js
@@ -143,15 +143,20 @@ define(function (require, exports, module) {
      * @returns {jQuery} - A jQuery element representing the formatted hint.
      */
     function formatEmmetHint(abbr) {
-        // Create the main container for the hint text.
+        // Create the main container for the hint
         var $hint = $("<span>")
-            .addClass("emmet-hint")
+            .addClass("emmet-hint");
+
+        // Create a wrapper for the text content
+        var $textContent = $("<span>")
+            .addClass("emmet-text-content")
             .text(abbr);
 
         // style in brackets_patterns_override.less file
         let $icon = $(`<span class="emmet-code-hint">Emmet</span>`);
 
-        // Append the icon to the hint element
+        // Append both text content and icon to the main container
+        $hint.append($textContent);
         $hint.append($icon);
 
         return $hint;
diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
index 6686bb9352..3bf72d2490 100644
--- a/src/styles/brackets_patterns_override.less
+++ b/src/styles/brackets_patterns_override.less
@@ -602,7 +602,9 @@ a:focus {
     .dropdown-menu {
         box-shadow: 0 3px 9px @bc-shadow;
         max-height: 160px;
+        max-width: 400px;
         overflow-y: auto;
+        overflow-x: hidden;
         padding: 0;
 
         .dark & {
@@ -748,6 +750,16 @@ a:focus {
     margin-right: 48px !important;
 }
 
+.emmet-text-content {
+    display: inline-block;
+    max-width: 320px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: top;
+    line-height: inherit;
+}
+
 #codehint-desc {
 	background: @bc-codehint-desc;
 	position: absolute;

From 97b6ef81d685fe6b4b9dbf53b8b353aec7495202 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 30 May 2025 21:19:51 +0530
Subject: [PATCH 3/3] fix: remove redundant max-width class from dropdown menu

---
 src/styles/brackets_patterns_override.less | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
index 3bf72d2490..5b99c5e46c 100644
--- a/src/styles/brackets_patterns_override.less
+++ b/src/styles/brackets_patterns_override.less
@@ -602,9 +602,7 @@ a:focus {
     .dropdown-menu {
         box-shadow: 0 3px 9px @bc-shadow;
         max-height: 160px;
-        max-width: 400px;
         overflow-y: auto;
-        overflow-x: hidden;
         padding: 0;
 
         .dark & {