QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 22:30:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: table header overflow.

Browse Source
This commit is contained in:
elforjani13
2021-09-21 22:09:41 +02:00
parent 12606d1857
commit ecf56f3b99
1 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/style/components/DataTable/DataTable.scss
View File

@@ -17,8 +17,9 @@
display: block; display: block;
.thead { .thead {
overflow-y: auto; overflow: hidden;
overflow-x: hidden; // overflow-y: auto;
// overflow-x: hidden;
.th { .th {
padding: 0.7rem 0.5rem; padding: 0.7rem 0.5rem;
@@ -28,7 +29,7 @@
font-weight: 600; font-weight: 600;
border-bottom: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224);
> div{ > div {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -65,16 +66,16 @@
} }
} }
.bp3-context-menu-popover-target{ .bp3-context-menu-popover-target {
z-index: 100; z-index: 100;
} }
.tr-context{ .tr-context {
display: flex; display: flex;
flex: 1 0 auto; flex: 1 0 auto;
} }
&:hover .td.clickable{ &:hover .td.clickable {
cursor: pointer; cursor: pointer;
} }
} }
@@ -89,7 +90,7 @@
margin: 0; margin: 0;
padding: 0.5rem; padding: 0.5rem;
.cell-inner{ .cell-inner {
flex: 1 0 0; flex: 1 0 0;
} }
@@ -115,7 +116,7 @@
.inner-resizer { .inner-resizer {
height: 100%; height: 100%;
width: 1px; width: 1px;
border-left: 1px solid #E6E6E6; border-left: 1px solid #e6e6e6;
margin: 0 auto; margin: 0 auto;
} }
@@ -141,11 +142,11 @@
} }
} }
.skeleton{ .skeleton {
animation: skeleton-fade-in .3s linear forwards, animation: skeleton-fade-in 0.3s linear forwards,
skeleton-glow 1s linear infinite alternate; skeleton-glow 1s linear infinite alternate;
animation-delay: 0s,.3s; animation-delay: 0s, 0.3s;
height: 8px; height: 8px;
opacity: 1; opacity: 1;
width: 65%; width: 65%;
@@ -153,8 +154,8 @@
} }
} }
.th{ .th {
.skeleton{ .skeleton {
margin: 5px 0; margin: 5px 0;
} }
} }
@@ -177,7 +178,7 @@
.placeholder { .placeholder {
color: #a0a0a0; color: #a0a0a0;
} }
.text-overview{ .text-overview {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -188,7 +189,7 @@
} }
&.is-text-overview { &.is-text-overview {
.expend-padding{ .expend-padding {
display: flex; display: flex;
width: 100%; width: 100%;
} }
@@ -219,7 +220,6 @@
} }
} }
.tr.no-results { .tr.no-results {
.td { .td {
flex-direction: column; flex-direction: column;
padding: 18px 20px; padding: 18px 20px;
@@ -228,7 +228,7 @@
font-size: 14px; font-size: 14px;
border-bottom: 0; border-bottom: 0;
&:hover{ &:hover {
background: transparent; background: transparent;
} }
} }
@@ -269,7 +269,7 @@
} }
} }
.tr-inner{ .tr-inner {
display: flex; display: flex;
width: 100%; width: 100%;
} }
@@ -332,14 +332,11 @@
} }
} }
.ReactVirtualized__Grid {
.ReactVirtualized__Grid{
will-change: auto !important; will-change: auto !important;
} }
} }
.table-constrant { .table-constrant {
.table { .table {
.thead .th { .thead .th {
@@ -360,4 +357,4 @@
border-bottom: 1px solid #d2dce2; border-bottom: 1px solid #d2dce2;
} }
} }
} }