Raise client layout version and add subscription form height cap
All checks were successful
Build and Deploy Gateway / build-and-push (push) Successful in 15s
Build and Deploy Gateway / deploy (push) Successful in 6s

This commit is contained in:
2026-07-12 14:41:47 +03:00
parent fca3c0b705
commit 6bd51dc8fb
4 changed files with 9 additions and 3 deletions

View File

@@ -1,6 +1,6 @@
export const HARBOR_VERSIONS = Object.freeze({ export const HARBOR_VERSIONS = Object.freeze({
macClient: '0.7.14', macClient: '0.7.15',
gatewayClient: '0.7.14', gatewayClient: '0.7.15',
gatewayBackend: '0.7.1', gatewayBackend: '0.7.1',
}); });

View File

@@ -1049,7 +1049,7 @@ export function ClientOverviewPage({
? 'Сейчас работают правила Gateway' ? 'Сейчас работают правила Gateway'
: state?.route?.localRulesPendingRestart ? 'Правила ждут перезапуска' : 'Локальные правила'}</span> : state?.route?.localRulesPendingRestart ? 'Правила ждут перезапуска' : 'Локальные правила'}</span>
</button>} </button>}
<main className={`client-panel${showPower ? '' : ' is-setup'}`}> <main className={`client-panel${showPower ? '' : ' is-setup'}${hasSubscription ? ' has-subscription' : ''}`}>
{showPower && ( {showPower && (
<section className="client-power-section" aria-labelledby="connection-title"> <section className="client-power-section" aria-labelledby="connection-title">
<button <button

View File

@@ -1680,6 +1680,10 @@ p {
justify-self: center; justify-self: center;
} }
.client-panel.has-subscription .client-form {
height: min(640px, calc(100vh - 120px));
}
.client-power-section p { .client-power-section p {
color: var(--client-muted); color: var(--client-muted);
font-size: 11px; font-size: 11px;
@@ -3288,6 +3292,7 @@ p {
} }
.client-form { .client-form {
height: auto;
max-height: none; max-height: none;
overflow-y: visible; overflow-y: visible;
overscroll-behavior: auto; overscroll-behavior: auto;

View File

@@ -21,6 +21,7 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
assert.match(form, /grid-column:\s*3/); assert.match(form, /grid-column:\s*3/);
assert.match(form, /position:\s*static/); assert.match(form, /position:\s*static/);
assert.doesNotMatch(form, /\bleft\s*:|translateX|transition:[^;]*(?:left|width|transform)/); assert.doesNotMatch(form, /\bleft\s*:|translateX|transition:[^;]*(?:left|width|transform)/);
assert.match(styles, /\.client-panel\.has-subscription \.client-form \{[\s\S]*height:\s*min\(640px, calc\(100vh - 120px\)\)/);
}); });
test('tablet and mobile regions use normal flow with viewport-safe widths', () => { test('tablet and mobile regions use normal flow with viewport-safe widths', () => {