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

Fixed horizontal scroll issue with table view (#586)

Browse source
This commit is contained in:
Harshil Sharma 2021-06-18 11:12:03 +05:30 committed by GitHub
parent b4be4041d5
commit 737975f7bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
webapp/src/components/table/table.scss
View file

@ -1,7 +1,4 @@
.Table { .Table {
.table-row-container {
margin-top: 48px;
}
.octo-group-header-cell { .octo-group-header-cell {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
@ -46,7 +43,7 @@
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 16px;
width: 100%; width: 100%;
input { input {
background: transparent; background: transparent;
width: 100%; width: 100%;
@ -57,7 +54,7 @@
color: rgba(var(--body-color), 1); color: rgba(var(--body-color), 1);
} }
} }
> .Button { > .Button {
&.IconButton:not(.readonly) { &.IconButton:not(.readonly) {
cursor: pointer; cursor: pointer;
@ -145,9 +142,11 @@
} }
} }
.octo-table-body { &.octo-table-body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: auto;
position: relative;
} }
.octo-table-header, .octo-table-header,
@ -163,12 +162,14 @@
} }
.octo-table-header { .octo-table-header {
position: fixed; position: sticky;
top: 0;
z-index: 1; z-index: 1;
background: rgb(var(--main-bg)); background: rgb(var(--main-bg));
.octo-table-cell { .octo-table-cell {
color: rgba(var(--body-color), 0.6); color: rgba(var(--body-color), 0.6);
background: rgb(var(--main-bg));
.Label { .Label {
color: rgba(var(--body-color), 0.6); color: rgba(var(--body-color), 0.6);