self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Desktop: Fixes #4491: Make config sidebar vertically scrollable, and make it grow horizontally depending on menu items

Browse Source
This commit is contained in:
Laurent Cozic 2021-02-07 12:55:28 +00:00
parent 6f52107234
commit 414b3636d9
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/app-desktop/gui/ConfigScreen/ConfigScreen.tsx
View File

@ -729,14 +729,17 @@ class ConfigScreenComponent extends React.Component<any, any> {
</div>
) : null;
const rightStyle = { ...style, flex: 1 };
delete style.width;
return (
<div style={{ display: 'flex', flexDirection: 'row' }}>
<div style={{ display: 'flex', flexDirection: 'row', height: this.props.style.height }}>
<Sidebar
selection={this.state.selectedSectionName}
onSelectionChange={this.sidebar_selectionChange}
sections={sections}
/>
<div style={style}>
<div style={rightStyle}>
{screenComp}
{needRestartComp}
<div style={containerStyle}>{settingComps}</div>

2
packages/app-desktop/gui/ConfigScreen/Sidebar.tsx
View File

@ -15,6 +15,8 @@ export const StyledRoot = styled.div`
display: flex;
background-color: ${(props: any) => props.theme.backgroundColor2};
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
`;
export const StyledListItem = styled.a`