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({
|
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',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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', () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user