Update modal button class and increase z-index for improved visibility

This commit is contained in:
2026-04-20 09:40:08 +02:00
parent 3a9d45327a
commit 6835ee87a7
2 changed files with 4 additions and 3 deletions
+2 -2
View File
@@ -1719,7 +1719,7 @@
: `<button class="ausleihen disabled-button" disabled>${item.BlockedNow ? 'Reserviert' : 'Ausgeliehen'}</button>` : `<button class="ausleihen disabled-button" disabled>${item.BlockedNow ? 'Reserviert' : 'Ausgeliehen'}</button>`
} }
${canScheduleItem ? `<button class="schedule-button" onclick="openScheduleModal('${item._id}')">Termin planen</button>` : ''} ${canScheduleItem ? `<button class="schedule-button" onclick="openScheduleModal('${item._id}')">Termin planen</button>` : ''}
<button type="button" class="close-modal secondary-close" onclick="document.getElementById('item-modal').style.display='none';">Schließen</button> <button type="button" class="details-button" onclick="document.getElementById('item-modal').style.display='none';">Schließen</button>
</div> </div>
`; `;
@@ -3143,7 +3143,7 @@
.item-modal { .item-modal {
display: none; display: none;
position: fixed; position: fixed;
z-index: 1000; z-index: 2500;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
+2 -1
View File
@@ -582,7 +582,7 @@
.item-modal { .item-modal {
display: none; display: none;
position: fixed; position: fixed;
z-index: 1000; z-index: 2500;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
@@ -4535,6 +4535,7 @@ document.addEventListener('DOMContentLoaded', ()=>{
<form method="POST" action="/delete_item/${item._id}" style="display:inline;" onsubmit="return confirm('Sind Sie sicher?')"> <form method="POST" action="/delete_item/${item._id}" style="display:inline;" onsubmit="return confirm('Sind Sie sicher?')">
<button class="delete-button" type="submit">Löschen</button> <button class="delete-button" type="submit">Löschen</button>
</form> </form>
<button type="button" class="details-button" onclick="document.getElementById('item-modal').style.display='none';">Schließen</button>
</div> </div>
`; `;