remove low-seat coloring on select and options (normal appearance), keep sold-out red/disabled only
This commit is contained in:
@@ -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 = '';
|
||||||
|
|||||||
@@ -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
@@ -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 + ")";
|
||||||
|
|||||||
Reference in New Issue
Block a user