Raise client layout version and add subscription form height cap
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
export const HARBOR_VERSIONS = Object.freeze({
|
||||
macClient: '0.7.14',
|
||||
gatewayClient: '0.7.14',
|
||||
macClient: '0.7.15',
|
||||
gatewayClient: '0.7.15',
|
||||
gatewayBackend: '0.7.1',
|
||||
});
|
||||
|
||||
|
||||
@@ -1049,7 +1049,7 @@ export function ClientOverviewPage({
|
||||
? 'Сейчас работают правила Gateway'
|
||||
: state?.route?.localRulesPendingRestart ? 'Правила ждут перезапуска' : 'Локальные правила'}</span>
|
||||
</button>}
|
||||
<main className={`client-panel${showPower ? '' : ' is-setup'}`}>
|
||||
<main className={`client-panel${showPower ? '' : ' is-setup'}${hasSubscription ? ' has-subscription' : ''}`}>
|
||||
{showPower && (
|
||||
<section className="client-power-section" aria-labelledby="connection-title">
|
||||
<button
|
||||
|
||||
@@ -1680,6 +1680,10 @@ p {
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.client-panel.has-subscription .client-form {
|
||||
height: min(640px, calc(100vh - 120px));
|
||||
}
|
||||
|
||||
.client-power-section p {
|
||||
color: var(--client-muted);
|
||||
font-size: 11px;
|
||||
@@ -3288,6 +3292,7 @@ p {
|
||||
}
|
||||
|
||||
.client-form {
|
||||
height: auto;
|
||||
max-height: none;
|
||||
overflow-y: visible;
|
||||
overscroll-behavior: auto;
|
||||
|
||||
@@ -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, /position:\s*static/);
|
||||
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', () => {
|
||||
|
||||
Reference in New Issue
Block a user