hobokenchicken/GopherGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): use correct modal CSS classes in user management page
Some checks failed
CI / Check (push) Has been cancelled
Details
CI / Clippy (push) Has been cancelled
Details
CI / Formatting (push) Has been cancelled
Details
CI / Test (push) Has been cancelled
Details
CI / Release Build (push) Has been cancelled
Details

Browse Source 
The create, edit, and reset-password modals were using 'modal-overlay'
and 'modal' classes instead of the standard 'modal active' and
'modal-content' pattern, making them invisible due to CSS rules that
hide .modal elements without the .active class.
This commit is contained in:
Dustin Newkirk
2026-03-03 09:22:03 -05:00
parent e07377adc0
commit 90b26bbfea
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/js/pages/users.js
View File

@@ -79,10 +79,9 @@
function showCreateModal() { function showCreateModal() {
const overlay = document.createElement('div'); const overlay = document.createElement('div');
overlay.className = 'modal-overlay'; overlay.className = 'modal active';
overlay.id = 'user-modal-overlay';
overlay.innerHTML = ` overlay.innerHTML = `
<div class="modal" style="max-width: 480px;"> <div class="modal-content" style="max-width: 480px;">
<div class="modal-header"> <div class="modal-header">
<h3>Create New User</h3> <h3>Create New User</h3>
<button class="modal-close" id="user-modal-close"><i class="fas fa-times"></i></button> <button class="modal-close" id="user-modal-close"><i class="fas fa-times"></i></button>
@@ -157,10 +156,9 @@
if (!user) return; if (!user) return;
const overlay = document.createElement('div'); const overlay = document.createElement('div');
overlay.className = 'modal-overlay'; overlay.className = 'modal active';
overlay.id = 'user-edit-overlay';
overlay.innerHTML = ` overlay.innerHTML = `
<div class="modal" style="max-width: 480px;"> <div class="modal-content" style="max-width: 480px;">
<div class="modal-header"> <div class="modal-header">
<h3>Edit User: ${escapeHtml(user.username)}</h3> <h3>Edit User: ${escapeHtml(user.username)}</h3>
<button class="modal-close" id="edit-modal-close"><i class="fas fa-times"></i></button> <button class="modal-close" id="edit-modal-close"><i class="fas fa-times"></i></button>
@@ -211,10 +209,9 @@
window._resetUserPassword = function (id, username) { window._resetUserPassword = function (id, username) {
const overlay = document.createElement('div'); const overlay = document.createElement('div');
overlay.className = 'modal-overlay'; overlay.className = 'modal active';
overlay.id = 'pw-reset-overlay';
overlay.innerHTML = ` overlay.innerHTML = `
<div class="modal" style="max-width: 420px;"> <div class="modal-content" style="max-width: 420px;">
<div class="modal-header"> <div class="modal-header">
<h3>Reset Password: ${escapeHtml(username)}</h3> <h3>Reset Password: ${escapeHtml(username)}</h3>
<button class="modal-close" id="pw-modal-close"><i class="fas fa-times"></i></button> <button class="modal-close" id="pw-modal-close"><i class="fas fa-times"></i></button>