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

feat: optimize sidebar and datatable expandable rows.

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2020-04-14 15:04:58 +02:00
parent fb6b31d922
commit f8c268434a
9 changed files with 128 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
client/src/style/components/data-table.scss
View File

@@ -144,40 +144,36 @@
}
}
.tr .th.expander,
.tr .td.expander{
padding: 0;
.toggle{
.tr .th,
.tr .td{
.expand-toggle{
cursor: pointer;
display: block;
padding: 14px 8px;
display: inline-block;
padding: 0 8px 0 0;
padding-left: 0;
margin: auto 0;
margin-left: 4px;
.arrow-right{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #acacac;
display: block;
}
.arrow-down{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #acacac;
display: block;
}
}
.arrow-right{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #acacac;
display: block;
}
.arrow-down{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #acacac;
display: block;
}
+ .td,
+ .th{
padding-left: 0;
}
}
}
@@ -202,14 +198,16 @@
&--financial-report{
.thead{
.tr .th{
background: transparent;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px 0.4rem;
color: #222;
.table {
.thead{
.tr .th{
background: transparent;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px 0.4rem;
color: #222;
}
}
}
}