225 lines
4.8 KiB
CSS
225 lines
4.8 KiB
CSS
/* Stocktake Progress Fullscreen Modal */
|
|
.stocktake-progress-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1050;
|
|
background: #f5f6f8;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Header - dark background with white text */
|
|
.stocktake-progress-header {
|
|
background: #343a40;
|
|
color: #ffffff !important;
|
|
padding: 0.75rem 1.5rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 2px solid #007bff;
|
|
}
|
|
|
|
.stocktake-progress-header * {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.stocktake-progress-header h4 {
|
|
font-size: 1.1rem;
|
|
font-weight: 600;
|
|
color: #ffffff !important;
|
|
margin: 0;
|
|
}
|
|
|
|
.stocktake-progress-header .badge {
|
|
font-size: 0.85rem;
|
|
padding: 0.35rem 0.6rem;
|
|
margin-left: 0.75rem;
|
|
background: #ffffff !important;
|
|
color: #343a40 !important;
|
|
}
|
|
|
|
.stocktake-progress-header .btn-outline-light {
|
|
border-color: rgba(255,255,255,0.5);
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.stocktake-progress-header .btn-outline-light:hover {
|
|
background: rgba(255,255,255,0.1);
|
|
}
|
|
|
|
/* Body */
|
|
.stocktake-progress-body {
|
|
flex: 1;
|
|
padding: 1rem 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Stat cards - clean white cards with colored left border */
|
|
.stocktake-progress-fullscreen .stat-card {
|
|
background: #ffffff !important;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 6px;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
|
|
border-left: 4px solid;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card .card-body {
|
|
padding: 0.75rem 1rem;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card h6 {
|
|
font-size: 0.7rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
margin-bottom: 0.2rem !important;
|
|
color: #6c757d !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card h4 {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0 !important;
|
|
color: #212529 !important;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card i.fa-2x {
|
|
font-size: 1.25rem;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
/* Card border colors */
|
|
.stocktake-progress-fullscreen .stat-card.card-primary {
|
|
border-left-color: #007bff;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-primary i {
|
|
color: #007bff;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card.card-success {
|
|
border-left-color: #28a745;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-success i {
|
|
color: #28a745;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card.card-info {
|
|
border-left-color: #17a2b8;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-info i {
|
|
color: #17a2b8;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card.card-warning {
|
|
border-left-color: #ffc107;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-warning i {
|
|
color: #ffc107;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card.card-secondary {
|
|
border-left-color: #6c757d;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-secondary i {
|
|
color: #6c757d;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .stat-card.card-danger {
|
|
border-left-color: #dc3545;
|
|
}
|
|
.stocktake-progress-fullscreen .stat-card.card-danger i {
|
|
color: #dc3545;
|
|
}
|
|
|
|
/* Main content card */
|
|
.stocktake-progress-fullscreen .card {
|
|
border: 1px solid #e0e0e0;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .card-header {
|
|
padding: 0.625rem 1rem;
|
|
border-bottom: 1px solid #e9ecef;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .card-header h5 {
|
|
font-size: 0.9rem;
|
|
font-weight: 600;
|
|
color: #212529;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .card-body {
|
|
padding: 0;
|
|
}
|
|
|
|
/* Table styling */
|
|
.stocktake-progress-fullscreen .table {
|
|
margin-bottom: 0;
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .table th {
|
|
font-weight: 600;
|
|
color: #495057;
|
|
border-bottom: 2px solid #dee2e6;
|
|
padding: 0.5rem 0.75rem;
|
|
white-space: nowrap;
|
|
background: #f8f9fa;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .table td {
|
|
padding: 0.5rem 0.75rem;
|
|
vertical-align: middle;
|
|
color: #212529;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .table tbody tr:hover {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen code {
|
|
background: #e9ecef;
|
|
padding: 0.15rem 0.35rem;
|
|
border-radius: 3px;
|
|
font-size: 0.8rem;
|
|
color: #007bff;
|
|
}
|
|
|
|
/* Info bar styling */
|
|
.stocktake-progress-fullscreen .info-bar {
|
|
background: #ffffff;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 6px;
|
|
padding: 0.5rem 1rem;
|
|
font-size: 0.85rem;
|
|
color: #212529;
|
|
}
|
|
|
|
.stocktake-progress-fullscreen .info-bar .refresh-info {
|
|
color: #6c757d;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
/* Empty state styling */
|
|
.stocktake-progress-fullscreen .fa-inbox {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
/* Responsive adjustments */
|
|
@media (max-width: 768px) {
|
|
.stocktake-progress-header {
|
|
padding: 0.75rem 1rem;
|
|
flex-direction: column;
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.stocktake-progress-body {
|
|
padding: 0.75rem;
|
|
}
|
|
}
|