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 for flex-wrap in cssRow

Browse Source 
Summary:
Moving flex-wrap from cssRow to cssButtonRow as cssRow should be
rendered in one line. cssButtonRow is used in the transform section UI where
buttons should be wrapped for other than English languages.

Related issue: https://github.com/gristlabs/grist-core/issues/339

Test Plan: Manual tests

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D3794
This commit is contained in:
Jarosław Sadziński 2023-02-07 22:20:55 +01:00
parent 363fb7f89e
commit ab2e2ef402
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/client/ui/RightPanelStyles.ts
View File

@ -22,8 +22,6 @@ export const cssHelp = styled('div', `
export const cssRow = styled('div', `
display: flex;
flex-wrap: wrap;
row-gap: 5px;
margin: 8px 16px;
align-items: center;
color: ${theme.text};
@ -35,6 +33,11 @@ export const cssRow = styled('div', `
}
`);
export const cssRowWrapped = styled(cssRow, `
flex-wrap: wrap;
row-gap: 5px;
`);
export const cssSortFilterColumn = styled('div', `
cursor: pointer;
display: flex;
@ -53,7 +56,7 @@ export const cssBlockedCursor = styled('span', `
}
`);
export const cssButtonRow = styled(cssRow, `
export const cssButtonRow = styled(cssRowWrapped, `
margin-left: 0;
margin-right: 0;
& > button {