luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make the board list of the sidebar scrollable

Browse source
This commit is contained in:
Jesús Espino 2020-11-17 18:53:29 +01:00
parent b1b6d5b070
commit 7649ef2208
2 changed files with 103 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
webapp/src/components/sidebar.scss
View file

@ -8,7 +8,6 @@
color: rgb(var(--sidebar-fg));
background-color: rgb(var(--sidebar-bg));
padding: 10px 0;
overflow-y: scroll;
&.hidden {
position: absolute;
@ -30,6 +29,12 @@
flex-shrink: 0;
}
.octo-sidebar-list {
overflow-y: auto;
max-height: calc(100% - 78px);
max-width: 250px;
}
.octo-sidebar-header {
display: flex;
flex-direction: row;

2
webapp/src/components/sidebar.tsx
View file

@ -87,6 +87,7 @@ class Sidebar extends React.Component<Props, State> {
icon={<HideSidebarIcon/>}
/>
</div>
<div className='octo-sidebar-list'>
{
boards.map((board) => {
const displayTitle: string = board.title || intl.formatMessage({id: 'Sidebar.untitled-board', defaultMessage: '(Untitled Board)'})
@ -192,6 +193,7 @@ class Sidebar extends React.Component<Props, State> {
defaultMessage='+ Add Board'
/>
</Button>
</div>
<div className='octo-spacer'/>