+ {new Date(event.date).toLocaleString('bg')} |
{event.publisher.firstName + " " + event.publisher.lastName} |
{new Date(event.shift?.startTime).toLocaleString('bg')} |
@@ -86,17 +102,18 @@ export default function EventLogList() {
|
{event.content}
|
-
+ {/* |
- |
+ */}
))
)}
{showOpenRequests && (requestedAssignments.map((assignment) => (
+ {new Date(assignment.date).toLocaleString('bg')} |
{assignment.publisher.firstName + " " + assignment.publisher.lastName} |
{new Date(assignment.shift.startTime).toLocaleString('bg')} |
@@ -104,12 +121,13 @@ export default function EventLogList() {
{ass.publisher.firstName + " " + ass.publisher.lastName}
))}
|
-
+ {/* |
- |
+ */}
))
)}
diff --git a/styles/styles.css b/styles/styles.css
index 6ef436b..b924acf 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -37,12 +37,30 @@ iframe {
filter: invert(1);
}
+.modal-container {
+ display: flex;
+ flex-direction: column-reverse; /* Newest first if new elements are prepended */
+}
.modal-content {
- z-index: 1002; /* or a higher value if necessary */
+ /* z-index: 1002; or a higher value if necessary */
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%); /* Center the modal */
+ z-index: 1051; /* Higher z-index than overlay */
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+
+ z-index: 1051; /* High z-index */
}
.modal-overlay {
- z-index: 1001;
+ position: fixed;
+ inset: 0;
+ background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+ z-index: 1050; /* High z-index */
}
.publisher {
position: relative;