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:
parent
e7ca39318f
commit
6c646719dd
6 changed files with 1093 additions and 232 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue