mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-18 13:50:31 +00:00
- feat: Update react-query package to V 2.1.1.
- feat: Favicon setup. - feat: Fix accounts inactivate/activate 1 account. - feat: Seed accounts, expenses and manual journals resource fields. - feat: Validate make journal receivable/payable without contact. - feat: Validate make journal contact without receivable or payable. - feat: More components abstractions. - feat: Use reselect.js to memorize components properties. - fix: Journal type of manual journal. - fix: Sidebar style optimization. - fix: Data-table check-box style optimization. - fix: Data-table spinner style dimensions. - fix: Submit journal with contact_id and contact_type.
This commit is contained in:
Ahmed Bouhuolia
@@ -125,12 +125,49 @@ body.authentication {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
|
||||
.hint{
|
||||
color: #a1b2c5;
|
||||
margin-left: 6px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
||||
.bp3-icon{
|
||||
color: #A1B2C5;
|
||||
}
|
||||
|
||||
.bp3-popover-target:hover .bp3-icon{
|
||||
color: #90a1b5;
|
||||
}
|
||||
.bp3-icon{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-select-popover .bp3-menu {
|
||||
max-height: 300px;
|
||||
max-width: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.pt-tooltip {
|
||||
.pt-popover-content {
|
||||
max-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group .bp3-label{
|
||||
|
||||
.hint{
|
||||
.bp3-popover-wrapper{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.bp3-inline) .hint .bp3-popover-target{
|
||||
display: inline;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-popover.bp3-tooltip{
|
||||
max-width: 300px;
|
||||
}
|
||||
@@ -23,9 +23,9 @@
|
||||
|
||||
.th{
|
||||
padding: 0.75rem 0.5rem;
|
||||
background: #F8FAFA;
|
||||
background: #fafafa;
|
||||
font-size: 14px;
|
||||
color: #444;
|
||||
color: rgb(59, 71, 91);
|
||||
font-weight: 500;
|
||||
border-bottom: 1px solid rgb(224, 224, 224);
|
||||
}
|
||||
@@ -106,16 +106,39 @@
|
||||
background: #1183DA;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-checkbox .bp3-control-indicator{
|
||||
border: 2px solid #d7d7d7;
|
||||
|
||||
&,
|
||||
&:hover{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-checkbox{
|
||||
input:checked ~ .bp3-control-indicator,
|
||||
input:indeterminate ~ .bp3-control-indicator,{
|
||||
border-color: #0052ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tbody{
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
|
||||
.tbody-inner{
|
||||
> .loading{
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.tr .td{
|
||||
border-bottom: 1px solid #E8E8E8;
|
||||
align-items: center;
|
||||
color: #252833;
|
||||
color: #141720;
|
||||
|
||||
.placeholder{
|
||||
color: #999;
|
||||
|
||||
@@ -68,13 +68,6 @@ $form-check-input-indeterminate-bg-image: url("data:image/svg+xml,<svg xmlns='ht
|
||||
|
||||
.#{$ns}-label{
|
||||
margin-bottom: 6px;
|
||||
|
||||
.#{$ns}-icon-info-circle{
|
||||
margin-left: 3px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
color: #A1B2C5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,10 +3,19 @@
|
||||
.dashboard{
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
|
||||
&:before{
|
||||
content: "";
|
||||
height: 2px;
|
||||
background: #01194e;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__topbar{
|
||||
width: 100%;
|
||||
min-height: 65px;
|
||||
min-height: 66px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #F2EFEF;
|
||||
@@ -56,6 +65,10 @@
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-navbar-divider{
|
||||
margin: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&-user{
|
||||
@@ -198,7 +211,7 @@
|
||||
h1{
|
||||
font-size: 26px;
|
||||
font-weight: 300;
|
||||
color: #393939;
|
||||
color: #333;
|
||||
margin: 0;
|
||||
}
|
||||
h3{
|
||||
|
||||
@@ -66,7 +66,9 @@
|
||||
border-left: 1px dotted rgb(195, 195, 195);
|
||||
|
||||
&.index {
|
||||
span {
|
||||
> span,
|
||||
> div {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -107,7 +109,6 @@
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.form-group--select-list {
|
||||
&.bp3-intent-danger {
|
||||
.bp3-button:not(.bp3-minimal) {
|
||||
|
||||
@@ -34,6 +34,7 @@
|
||||
border-left: 1px dotted rgb(195, 195, 195);
|
||||
|
||||
&.index{
|
||||
text-align: center;
|
||||
|
||||
span{
|
||||
width: 100%;
|
||||
@@ -49,6 +50,10 @@
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #1e1c3e;
|
||||
|
||||
&.index > div{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -60,7 +65,6 @@
|
||||
|
||||
&.index{
|
||||
background-color: #F2F5FA;
|
||||
text-align: center;
|
||||
|
||||
> span{
|
||||
margin-top: auto;
|
||||
@@ -114,7 +118,7 @@
|
||||
.debit.td,
|
||||
.credit.td{
|
||||
> span{
|
||||
padding-top: 6px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
.debit.td,
|
||||
@@ -158,7 +162,7 @@
|
||||
}
|
||||
|
||||
.dropzone-container{
|
||||
align-self: end;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.dropzone{
|
||||
|
||||
@@ -1,8 +1,13 @@
|
||||
$sidebar-background: #01194e;
|
||||
$sidebar-text-color: #fff;
|
||||
$sidebar-width: 220px;
|
||||
$sidebar-menu-item-color: #cbd1dd;
|
||||
$sidebar-menu-item-color: rgba(255, 255, 255, 0.85);
|
||||
$sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
$sidebar-menu-label-color: rgba(255, 255, 255, 0.5);
|
||||
$sidebar-submenu-item-color: rgba(255, 255, 255, 0.55);
|
||||
$sidebar-submenu-item-hover-color: rgba(255, 255, 255, 0.8);
|
||||
$sidebar-logo-opacity: 0.55;
|
||||
$sidebar-submenu-item-bg-color: #01287d;
|
||||
|
||||
.sidebar {
|
||||
background: $sidebar-background;
|
||||
@@ -41,7 +46,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
top: 2px;
|
||||
|
||||
svg{
|
||||
opacity: 0.5;
|
||||
opacity: $sidebar-logo-opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -66,7 +71,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
|
||||
&:hover,
|
||||
&.bp3-active {
|
||||
background: #012470;
|
||||
background: $sidebar-submenu-item-bg-color;
|
||||
color: $sidebar-menu-item-color;
|
||||
}
|
||||
&:focus,
|
||||
@@ -82,11 +87,11 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
> .#{$ns}-icon-caret-right {
|
||||
margin-right: -4px;
|
||||
margin-top: 3px;
|
||||
color: #354569;
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
&-label{
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
color: $sidebar-menu-label-color;
|
||||
font-size: 12px;
|
||||
padding: 6px 16px;
|
||||
margin-top: 4px;
|
||||
@@ -95,7 +100,6 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
|
||||
.#{$ns}-submenu {
|
||||
.#{$ns}-collapse {
|
||||
border-left: 2px solid rgba(255, 255, 255, 0.15);
|
||||
|
||||
&-body {
|
||||
background-color: rgb(11, 34, 85);
|
||||
@@ -106,12 +110,16 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
.#{$ns}-menu-item {
|
||||
padding: 7px 16px 7px 18px;
|
||||
font-size: 15px;
|
||||
color: #8a95b6;
|
||||
color: $sidebar-submenu-item-color;
|
||||
|
||||
&:hover,
|
||||
&.bp3-active {
|
||||
background: transparent;
|
||||
color: #c5cbe3;
|
||||
color: $sidebar-submenu-item-hover-color;
|
||||
}
|
||||
|
||||
&.bp3-active{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -127,7 +135,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
|
||||
color: $sidebar-menu-item-color;
|
||||
}
|
||||
.#{$ns}-menu-divider {
|
||||
border-top-color: rgba(255, 255, 255, 0.15);
|
||||
border-top-color: rgba(255, 255, 255, 0.125);
|
||||
color: #6b708c;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user