Modal overlay-close removed from data-entry; console menu grouped

2026-08-05 13:49:34 -04:00
parent 469113d0a4
commit 07d390789a
32 changed files with 241 additions and 195 deletions
--- a/frontend/src/views/settings/ApiTokensList.vue
+++ b/frontend/src/views/settings/ApiTokensList.vue
@@ -109,7 +109,7 @@
    </div>

    <!-- Create modal -->
-    <div v-if="showCreate" class="modal-overlay" @click.self="closeCreate">
+    <div v-if="showCreate" class="modal-overlay">
      <div class="modal modal-lg">
        <div class="modal-header"><h3>New API Token</h3></div>
        <form @submit.prevent="createToken">
@@ -174,7 +174,7 @@
    </div>

    <!-- Edit modal (scopes) -->
-    <div v-if="editing" class="modal-overlay" @click.self="closeEdit">
+    <div v-if="editing" class="modal-overlay">
      <div class="modal modal-lg">
        <div class="modal-header"><h3>Edit token access</h3></div>
        <form @submit.prevent="saveEdit">
--- a/frontend/src/views/settings/AssetTypesList.vue
+++ b/frontend/src/views/settings/AssetTypesList.vue
@@ -38,7 +38,7 @@
      </template>
    </div>

-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header"><h3>Edit {{ form.assettype }}</h3></div>
        <form @submit.prevent="save">
--- a/frontend/src/views/settings/BusinessUnitsList.vue
+++ b/frontend/src/views/settings/BusinessUnitsList.vue
@@ -50,7 +50,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editing ? 'Edit Business Unit' : 'Add Business Unit' }}</h3>
--- a/frontend/src/views/settings/CustomFieldsList.vue
+++ b/frontend/src/views/settings/CustomFieldsList.vue
@@ -67,7 +67,7 @@
      </template>
    </div>

-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header"><h3>{{ editing ? 'Edit' : 'Add' }} Field</h3></div>
        <form @submit.prevent="save">
--- a/frontend/src/views/settings/DashboardDefaultsList.vue
+++ b/frontend/src/views/settings/DashboardDefaultsList.vue
@@ -49,7 +49,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editing ? 'Edit Mapping' : 'Add Mapping' }}</h3>
--- a/frontend/src/views/settings/LocationTypesList.vue
+++ b/frontend/src/views/settings/LocationTypesList.vue
@@ -39,7 +39,7 @@
      </template>
    </div>

-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header"><h3>{{ editing ? 'Edit' : 'Add' }} Location Type</h3></div>
        <form @submit.prevent="save">
--- a/frontend/src/views/settings/LocationsList.vue
+++ b/frontend/src/views/settings/LocationsList.vue
@@ -77,7 +77,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingLocation ? 'Edit Location' : 'Add Location' }}</h3>
--- a/frontend/src/views/settings/ModelTypesList.vue
+++ b/frontend/src/views/settings/ModelTypesList.vue
@@ -64,7 +64,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingType ? 'Edit Model Type' : 'Add Model Type' }}</h3>
--- a/frontend/src/views/settings/ModelsList.vue
+++ b/frontend/src/views/settings/ModelsList.vue
@@ -77,7 +77,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal modal-lg">
        <div class="modal-header">
          <h3>{{ editingModel ? 'Edit Model' : 'Add Model' }}</h3>
--- a/frontend/src/views/settings/RelationshipTypesList.vue
+++ b/frontend/src/views/settings/RelationshipTypesList.vue
@@ -41,7 +41,7 @@
      </template>
    </div>

-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header"><h3>{{ editing ? 'Edit' : 'Add' }} Relationship Type</h3></div>
        <form @submit.prevent="save">
--- a/frontend/src/views/settings/StatusesList.vue
+++ b/frontend/src/views/settings/StatusesList.vue
@@ -67,7 +67,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingStatus ? 'Edit Status' : 'Add Status' }}</h3>
--- a/frontend/src/views/settings/SupportTeamsList.vue
+++ b/frontend/src/views/settings/SupportTeamsList.vue
@@ -48,7 +48,7 @@
    </div>

    <!-- Team Add/Edit Modal -->
-    <div v-if="showTeamModal" class="modal-overlay" @click.self="showTeamModal = false">
+    <div v-if="showTeamModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingTeam ? 'Edit Support Team' : 'Add Support Team' }}</h3>
@@ -130,7 +130,7 @@
    </div>

    <!-- Contact Add/Edit Modal -->
-    <div v-if="showContactModal" class="modal-overlay" @click.self="showContactModal = false">
+    <div v-if="showContactModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingContact ? 'Edit Contact' : 'Add Contact' }}</h3>
--- a/frontend/src/views/settings/UsersList.vue
+++ b/frontend/src/views/settings/UsersList.vue
@@ -112,7 +112,7 @@
  </div>

  <!-- User Modal -->
-  <div v-if="showCreateModal || editingUser" class="modal-overlay" @click.self="closeUserModal">
+  <div v-if="showCreateModal || editingUser" class="modal-overlay">
    <div class="modal">
      <div class="modal-header">
        <h3>{{ editingUser ? 'Edit User' : 'Create User' }}</h3>
@@ -190,7 +190,7 @@
  </div>

  <!-- Role Modal -->
-  <div v-if="showRoleModal || editingRole" class="modal-overlay" @click.self="closeRoleModal">
+  <div v-if="showRoleModal || editingRole" class="modal-overlay">
    <div class="modal modal-lg">
      <div class="modal-header">
        <h3>{{ editingRole ? 'Edit Role' : 'Create Role' }}</h3>
--- a/frontend/src/views/vendors/VendorsList.vue
+++ b/frontend/src/views/vendors/VendorsList.vue
@@ -73,7 +73,7 @@
    </div>

    <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+    <div v-if="showModal" class="modal-overlay">
      <div class="modal">
        <div class="modal-header">
          <h3>{{ editingVendor ? 'Edit Vendor' : 'Add Vendor' }}</h3>