From a72ebb0b475cb06aaa9f9911178025efdf476e1a Mon Sep 17 00:00:00 2001
From: itsHamdySalem <hamdysalem112002@gmail.com>
Date: Sat, 23 Mar 2024 01:22:42 +0200
Subject: [PATCH] fix: editing project name in navbar issue resolved #289

---
 src/components/Navbar/Navbar.vue   | 10 ++++------
 src/simulator/src/listeners.js     |  1 +
 src/styles/css/main.stylesheet.css |  5 +++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
index caeec961..51b7f0d6 100644
--- a/src/components/Navbar/Navbar.vue
+++ b/src/components/Navbar/Navbar.vue
@@ -5,12 +5,10 @@
 
         <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
             <NavbarLinks :navbar-data="navbarData" />
-
-            <span
-                id="projectName"
-                class="projectName noSelect defaultCursor font-weight-bold"
-            >
-                {{ projectStore.getProjectName }}
+            <span id="projectName" class="projectName noSelect defaultCursor font-weight-bold">
+                <div class="projectNameTextArea">
+                    {{ projectStore.getProjectName }}
+                </div>
             </span>
             <User :user-data="userDropdownItems" />
         </div>
diff --git a/src/simulator/src/listeners.js b/src/simulator/src/listeners.js
index 460be076..4ef47bdd 100644
--- a/src/simulator/src/listeners.js
+++ b/src/simulator/src/listeners.js
@@ -75,6 +75,7 @@ export default function startListeners() {
     $('#projectName').on('click', () => {
         simulationArea.lastSelected = globalScope.root
         setTimeout(() => {
+            document.querySelector('#moduleProperty .maximize').click()
             document.getElementById('projname').select()
         }, 100)
     })
diff --git a/src/styles/css/main.stylesheet.css b/src/styles/css/main.stylesheet.css
index cd56e38c..4ff1cb54 100644
--- a/src/styles/css/main.stylesheet.css
+++ b/src/styles/css/main.stylesheet.css
@@ -184,6 +184,11 @@ input[type='text']:focus {
     text-overflow: ellipsis;
 }
 
+.projectNameTextArea:hover {
+    cursor: pointer;
+    text-decoration-line: underline;
+}
+
 @media (max-width: 991px) {
     .projectName {
         visibility: hidden;