reduced duplicate insert errors of portals, still present because of two players disovering the same portal at the same time, other changes to inventory

This commit is contained in:
erik 2025-09-22 18:21:04 +00:00
parent e7ca39318f
commit 6c646719dd
6 changed files with 1093 additions and 232 deletions

View file

@ -657,6 +657,176 @@ body {
margin-left: 4px;
}
/* Ratings display */
.item-ratings {
color: #0066cc;
font-size: 11px;
font-weight: 600;
background: #e6f3ff;
padding: 1px 4px;
border-radius: 2px;
margin-left: 4px;
}
/* Empty slot styling */
.suit-item-entry.empty-slot {
opacity: 0.6;
background: #f8f9fa;
border-left: 3px solid #dee2e6;
padding-left: 8px;
}
.empty-slot-text {
color: #6c757d;
font-style: italic;
font-size: 11px;
}
/* New Column-Based Table Layout */
.suit-items-table {
width: 100%;
font-size: 12px;
margin-top: 8px;
}
.suit-items-header {
display: grid;
grid-template-columns: 80px 120px 250px 140px 250px 60px 120px;
gap: 8px;
background: #2c3e50;
color: white;
padding: 8px 4px;
font-weight: 600;
font-size: 11px;
border-radius: 4px 4px 0 0;
}
.suit-items-header > div {
color: white !important;
opacity: 1 !important;
}
.suit-items-body {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-top: none;
border-radius: 0 0 4px 4px;
}
.suit-item-row {
display: grid;
grid-template-columns: 80px 120px 250px 140px 250px 60px 120px;
gap: 8px;
padding: 6px 4px;
border-bottom: 1px solid #e9ecef;
align-items: center;
min-height: 24px;
}
.suit-item-row:last-child {
border-bottom: none;
}
.suit-item-row:nth-child(even) {
background: #ffffff;
}
.suit-item-row.empty-slot {
opacity: 0.5;
color: #6c757d;
font-style: italic;
}
/* Column styling */
.col-slot {
font-weight: 600;
color: #495057;
}
.col-character {
color: #666;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.col-item {
color: #333;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.col-set {
font-weight: 600;
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.suit-items-body .col-set {
color: #1f2937;
background: #f3f4f6;
padding: 2px 4px;
border-radius: 3px;
}
.col-spells {
color: #7c3aed;
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.col-armor {
color: #059669;
font-weight: 600;
text-align: center;
}
.col-ratings {
color: #0066cc;
font-size: 11px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.need-reducing {
color: #dc2626;
font-weight: bold;
margin-left: 2px;
}
/* Responsive adjustments for table */
@media (max-width: 1200px) {
.suit-items-header,
.suit-item-row {
grid-template-columns: 70px 100px 200px 120px 200px 50px 100px;
gap: 6px;
font-size: 11px;
}
}
@media (max-width: 900px) {
.suit-items-header,
.suit-item-row {
grid-template-columns: 60px 80px 150px 100px 150px 40px 80px;
gap: 4px;
font-size: 10px;
}
.col-spells,
.col-ratings {
font-size: 10px;
}
}
/* Progressive Search Styles */
.search-progress {
margin-top: 15px;