fix: editing project name in navbar issue resolved CircuitVerse#289

itsHamdySalem · Mar 22, 2024 · a72ebb0 · a72ebb0
1 parent 594cb5b
commit a72ebb0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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;