aclindsa/moneygo
1
0
Fork 0
mirror of https://github.com/aclindsa/moneygo.git synced 2025-06-13 21:48:39 -04:00
Code Issues Releases Wiki Activity

WIP: Stacked bar chart

Browse Source
This commit is contained in:
Aaron Lindsay
2017-02-15 20:56:41 -05:00
parent d3d79fb613
commit 4d642d1772
7 changed files with 286 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
static/css/reports.css Normal file
View File

@ -0,0 +1,67 @@
.chart-color1 {
fill: #a6cee3;
stroke: #86aec3;
}
.chart-color2 {
fill: #1f78b4;
stroke: #005894;
}
.chart-color3 {
fill: #b2df8a;
stroke: #92bf6a;
}
.chart-color4 {
fill: #33a02c;
stroke: #13800c;
}
.chart-color5 {
fill: #fb9a99;
stroke: #db7a79;
}
.chart-color6 {
fill: #e31a1c;
stroke: #c30000;
}
.chart-color7 {
fill: #fdbf6f;
stroke: #dd9f4f;
}
.chart-color8 {
fill: #ff7f00;
fill: #df5f00;
}
.chart-color9 {
fill: #cab2d6;
stroke: #aa92b6;
}
.chart-color10 {
fill: #6a3d9a;
stroke: #4a1d7a;
}
.chart-color11 {
fill: #ffff99;
stroke: #dfdf79;
}
.chart-color12 {
fill: #b15928;
stroke: #913908;
}
.chart-element {
stroke-width: 0;
}
.chart-element:hover {
stroke-width: 2;
}
.chart-legend rect {
stroke-width: 2;
}
.axis {
stroke: #000;
stroke-width: 2;
}
.axis-tick {
stroke: #000;
stroke-width: 1;
}

138
static/css/stylesheet.css Normal file
View File

@ -0,0 +1,138 @@
@import url("reports.css");
html, body {
height: 100%;
}
div#content {
display: block;
width: 95%;
height: 100%;
min-width: 75em;
max-width: 100em;
margin: auto;
}
/* Keep the main windows sized to the full viewable height */
.fullheight {
height: 100%;
}
.ui {
display: flex;
flex-flow: column;
}
.ui > div:nth-child(1), .ui > div:nth-child(2) > nav {
flex: none;
}
.ui > div:nth-child(2) {
display: flex;
flex: auto;
flex-flow: column;
}
.ui > div:nth-child(2) > div {
flex: auto;
}
/* Style the account tree */
div.accounttree-root-nochildren {
position: relative;
left: 24px;
}
div.accounttree {
position: relative;
left: -24px;
}
div.accounttree-nochildren {
position: relative;
left: 0px;
}
div.accounttree div {
padding-left: 24px;
}
div.accounttree-root div {
padding-left: 24px;
}
.accounttree-name {
padding: 3px;
}
.accounttree-root {
display: block;
width: 100%;
height: 100%-100px;
overflow: auto;
}
.account-column, .securitylist-column {
padding: 15px 15px 43px 15px;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
}
.account-buttongroup {
position: absolute;
right: 15px;
bottom: 15px;
}
.transactions-container {
display: block;
width: 100%;
height: 100%;
}
.transactions-register {
display: block;
width: 100%;
height: 100%;
overflow: auto;
}
.transactions-column, .securities-column {
padding: 15px;
border-right: 1px solid #DDD;
}
.transactions-register-toolbar {
width: 100%;
height: 50px;
}
.register-row-editing {
background-color: #FFFFE0 !important;
}
.register-row-editing:hover {
background-color: #e8e8e8 !important;
}
.register-row-editing .form-group {
margin: 0;
}
.row > div > .form-group,
.row > div > .rw-combobox {
margin-right: -7px;
margin-left: -7px;
}
.split-header {
font-weight: 700;
text-align: center;
}
.skinny-pagination {
margin: 0px;
}
/* Make Combobox support .has-error class */
.has-error.rw-widget {
border-color: #843534;
}
.has-error.rw-widget.rw-state-focus {
border-color: #843534;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px #CE8483;
}
.has-error.rw-widget > .rw-select {
border-left: 1px solid #843534;
color: #A94442;
background-color: #F2DEDE;
}
/* Fix Alert Spacing inside */
.alert.saving-transaction-alert {
margin: 20px 0 0 0;
}