self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-11-27 08:31:20 +02:00
Code Issues Releases Activity

Make board and table scroll using flexbox

Browse Source
This commit is contained in:
Chen-I Lim 2020-10-13 13:43:35 -07:00
parent 29c214b3ab
commit 9069ae0af9
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/static/main.css
View File

@ -5,6 +5,8 @@
}
html, body {
display: flex;
width: 100%;
height: 100%;
color: rgb(55, 53, 47);
}
@ -63,21 +65,26 @@ hr {
/* App frame */
#octo-tasks-app {
height: 100%;
overflow: hidden;
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: auto;
}
#octo-tasks-app > #main {
height: 100%;
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: auto;
}
/* Sidebar */
.octo-workspace {
flex: 1 1 auto;
display: flex;
flex-direction: row;
height: 100%;
overflow: auto;
}
.octo-sidebar {
@ -110,21 +117,24 @@ hr {
/* Main app */
.octo-app {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-width: 1000px;
overflow: auto;
}
.octo-frame {
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: scroll;
padding: 10px 95px 50px 95px;
}
.octo-board {
flex: 0 1 auto;
display: flex;
flex-direction: column;
}
@ -172,12 +182,14 @@ hr {
display: flex;
flex-direction: row;
padding: 0 10px;
flex: 0 1 auto;
}
.octo-board-column {
flex: 0 0 auto;
display: flex;
flex-direction: column;
flex-shrink: 0;
width: 260px;
margin-right: 15px;