update display
This commit is contained in:
parent
3f19ee09cb
commit
1e9b680250
12
display.php
12
display.php
@ -39,15 +39,15 @@ qh_page_start(
|
|||||||
padding-bottom: 0 !important;
|
padding-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
@keyframes highlightPulse {
|
@keyframes highlightPulse {
|
||||||
0% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; background-color: #ffffff; }
|
0% { transform: scale(1); box-shadow: var(--shadow); border-color: transparent; background-color: var(--surface); }
|
||||||
50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(255, 179, 102, 0.8); border: 2px solid #ff9933; background-color: #ffb366; color: #000; }
|
50% { transform: scale(1.08); box-shadow: 0 0 40px rgba(255, 235, 59, 0.9); border-color: #ffb300; background-color: #ffeb3b; }
|
||||||
100% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; background-color: #ffffff; }
|
100% { transform: scale(1); box-shadow: var(--shadow); border-color: transparent; background-color: var(--surface); }
|
||||||
}
|
}
|
||||||
.blinking-ticket {
|
.blinking-ticket {
|
||||||
animation: highlightPulse 1.5s ease-in-out infinite;
|
animation: highlightPulse 1.5s ease-in-out infinite;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: relative;
|
position: relative;
|
||||||
/* removed */
|
background-image: none !important; /* Ensure background-color animation works against shorthand */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="container-fluid px-0 px-lg-0 py-0 m-0" data-auto-refresh="3" style="min-height: 100vh; display: flex; flex-direction: column; ">
|
<div class="container-fluid px-0 px-lg-0 py-0 m-0" data-auto-refresh="3" style="min-height: 100vh; display: flex; flex-direction: column; ">
|
||||||
@ -95,7 +95,7 @@ qh_page_start(
|
|||||||
$blinkClass = $isNew ? 'blinking-ticket' : '';
|
$blinkClass = $isNew ? 'blinking-ticket' : '';
|
||||||
?>
|
?>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card border-0 shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
|
<div class="card shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
|
||||||
<div class="card-body w-100 text-center p-1 d-flex flex-column align-items-center justify-content-center">
|
<div class="card-body w-100 text-center p-1 d-flex flex-column align-items-center justify-content-center">
|
||||||
<div class="fs-3 fw-bold text-primary mb-1"><?= qh_h($ticket['ticket_number']) ?></div>
|
<div class="fs-3 fw-bold text-primary mb-1"><?= qh_h($ticket['ticket_number']) ?></div>
|
||||||
<div class="small text-muted mb-1 text-truncate w-100" title="<?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?>"><?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?></div>
|
<div class="small text-muted mb-1 text-truncate w-100" title="<?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?>"><?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?></div>
|
||||||
@ -301,4 +301,4 @@ qh_page_start(
|
|||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php qh_page_end(); ?>
|
<?php qh_page_end(); ?>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user