remove low-seat coloring on select and options (normal appearance), keep sold-out red/disabled only

This commit is contained in:
Oliver
2026-06-14 19:35:02 -03:00
parent da598a8ead
commit eab62121c3
3 changed files with 1 additions and 14 deletions
-5
View File
@@ -299,7 +299,6 @@
} }
.pricing-config-select:hover { border-color: var(--accent); } .pricing-config-select:hover { border-color: var(--accent); }
.pricing-config-select:focus { border-color: var(--accent); } .pricing-config-select:focus { border-color: var(--accent); }
.pricing-config-select.low-seats { border-color: var(--warning); box-shadow: 0 0 0 2px rgba(255, 170, 0, 0.2); }
.pricing-config-select.no-seats { border-color: var(--danger); box-shadow: 0 0 0 2px rgba(255, 59, 59, 0.2); } .pricing-config-select.no-seats { border-color: var(--danger); box-shadow: 0 0 0 2px rgba(255, 59, 59, 0.2); }
.pricing-config-input { .pricing-config-input {
background: var(--bg); background: var(--bg);
@@ -562,8 +561,6 @@
sel.classList.remove('low-seats', 'no-seats'); sel.classList.remove('low-seats', 'no-seats');
if (minAvail <= 0) { if (minAvail <= 0) {
sel.classList.add('no-seats'); sel.classList.add('no-seats');
} else if (minAvail < 10) {
sel.classList.add('low-seats');
} }
servers.forEach(function(s) { servers.forEach(function(s) {
const server = s.server || ''; const server = s.server || '';
@@ -578,8 +575,6 @@
opt.style.fontWeight = '600'; opt.style.fontWeight = '600';
} else if (available < 10) { } else if (available < 10) {
opt.textContent = label + ' (available ' + available + ')'; opt.textContent = label + ' (available ' + available + ')';
opt.style.color = '#ff9900';
opt.style.fontWeight = '600';
} else { } else {
opt.textContent = label + ' (available ' + available + ')'; opt.textContent = label + ' (available ' + available + ')';
opt.style.color = ''; opt.style.color = '';
-4
View File
@@ -972,10 +972,6 @@ section {
.pricing-config-select:focus { .pricing-config-select:focus {
border-color: var(--accent); border-color: var(--accent);
} }
.pricing-config-select.low-seats {
border-color: var(--warning);
box-shadow: 0 0 0 2px rgba(255, 170, 0, 0.2);
}
.pricing-config-select.no-seats { .pricing-config-select.no-seats {
border-color: var(--danger); border-color: var(--danger);
box-shadow: 0 0 0 2px rgba(255, 59, 59, 0.2); box-shadow: 0 0 0 2px rgba(255, 59, 59, 0.2);
+1 -5
View File
@@ -665,8 +665,6 @@ async function initServerLocations() {
sel.classList.remove("low-seats", "no-seats"); sel.classList.remove("low-seats", "no-seats");
if (minAvail <= 0) { if (minAvail <= 0) {
sel.classList.add("no-seats"); sel.classList.add("no-seats");
} else if (minAvail < 10) {
sel.classList.add("low-seats");
} }
servers.forEach(function (s) { servers.forEach(function (s) {
@@ -683,10 +681,8 @@ async function initServerLocations() {
opt.style.color = "#ff4444"; opt.style.color = "#ff4444";
opt.style.fontWeight = "600"; opt.style.fontWeight = "600";
} else if (available < 10) { } else if (available < 10) {
// Low seats — orange with count // Low seats — show count
opt.textContent = label + " (available " + available + ")"; opt.textContent = label + " (available " + available + ")";
opt.style.color = "#ff9900";
opt.style.fontWeight = "600";
} else { } else {
// Plenty of seats // Plenty of seats
opt.textContent = label + " (available " + available + ")"; opt.textContent = label + " (available " + available + ")";