Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Fix document settings' scroll bar

Browse Source 
Summary: Scroll bar used to show with an offset to the right end of the page. This diff fixes that issue.

Test Plan: should not break anything.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3778
This commit is contained in:
Cyprien P 2023-01-30 15:13:56 +01:00
parent 3be48c9a7e
commit 75c53faacd
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/client/ui/DocumentSettings.ts
View File

@ -57,7 +57,7 @@ export class DocSettingsPage extends Disposable {
dom.create(buildCurrencyPicker, fromKo(this._currency), (val) => this._currency.saveOnly(val), dom.create(buildCurrencyPicker, fromKo(this._currency), (val) => this._currency.saveOnly(val),
{defaultCurrencyLabel: t("Local currency ({{currency}})", {currency: getCurrency(l)})}) {defaultCurrencyLabel: t("Local currency ({{currency}})", {currency: getCurrency(l)})})
)), )),
canChangeEngine ? [ canChangeEngine ? cssDataRow([
// Small easter egg: you can click on the skull-and-crossbones to // Small easter egg: you can click on the skull-and-crossbones to
// force a reload of the document. // force a reload of the document.
cssDataRow(t("Engine (experimental {{span}} change at own risk):", {span: cssDataRow(t("Engine (experimental {{span}} change at own risk):", {span:
@ -69,7 +69,7 @@ export class DocSettingsPage extends Disposable {
})) }))
})), })),
select(this._engine, getSupportedEngineChoices()), select(this._engine, getSupportedEngineChoices()),
] : null, ]) : null,
cssHeader(t('API')), cssHeader(t('API')),
cssDataRow(t("This document's ID (for API use):")), cssDataRow(t("This document's ID (for API use):")),
cssDataRow(cssHoverWrapper( cssDataRow(cssHoverWrapper(
@ -144,7 +144,6 @@ const cssContainer = styled('div', `
position: relative; position: relative;
height: 100%; height: 100%;
padding: 32px 64px 24px 64px; padding: 32px 64px 24px 64px;
max-width: 487px;
@media ${mediaSmall} { @media ${mediaSmall} {
& { & {
padding: 32px 24px 24px 24px; padding: 32px 24px 24px 24px;
@ -167,6 +166,7 @@ const cssDataRow = styled('div', `
margin: 16px 0px; margin: 16px 0px;
font-size: ${vars.largeFontSize}; font-size: ${vars.largeFontSize};
color: ${theme.text}; color: ${theme.text};
width: 360px;
`); `);
// Check which engines can be selected in the UI, if any. // Check which engines can be selected in the UI, if any.