mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-19 22:30:31 +00:00
feat: Optimize SCSS architecture.
This commit is contained in:
a.bouhuolia
51
client/src/style/pages/Accounts/AccountFormDialog.scss
Normal file
51
client/src/style/pages/Accounts/AccountFormDialog.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Account Form Dialog.
|
||||
// ----------------------------
|
||||
.dialog--account-form {
|
||||
&:not(.dialog--loading) .bp3-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description {
|
||||
.bp3-form-content {
|
||||
width: 280px;
|
||||
}
|
||||
textarea {
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--account-code {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.form-group--subaccount {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.bp3-icon-info-circle {
|
||||
color: #a1b2c5;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.form-group--description {
|
||||
textarea {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
68
client/src/style/pages/Accounts/List.scss
Normal file
68
client/src/style/pages/Accounts/List.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.dashboard__insider--accounts-chart {
|
||||
.bigcapital-datatable {
|
||||
.normal {
|
||||
.#{$ns}-icon {
|
||||
color: #7f91a2;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
.tbody {
|
||||
.tr:not(.no-results) .td {
|
||||
padding-top: 0.3rem;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.tr.inactive .td {
|
||||
color: #646b82;
|
||||
|
||||
&.normal .#{$ns}-icon {
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
.account_name {
|
||||
.bp3-popover-wrapper--inactive-semafro {
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
.bp3-popover-wrapper--account-desc {
|
||||
border-bottom-color: #bbb;
|
||||
}
|
||||
.inactive-semafro {
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
background: #bbb;
|
||||
display: inline-block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
.account-desc{
|
||||
font-size: 11px;
|
||||
color: hsl(0, 0%, 50%);
|
||||
margin-top: 2px;
|
||||
line-height: 1.25;
|
||||
padding-bottom: 2px;
|
||||
display: block;
|
||||
}
|
||||
.normal {
|
||||
.bp3-popover-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.actions {
|
||||
padding-right: 18px;
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
224
client/src/style/pages/Authentication/Auth.scss
Normal file
224
client/src/style/pages/Authentication/Auth.scss
Normal file
@@ -0,0 +1,224 @@
|
||||
|
||||
body.authentication {
|
||||
background-color: #fcfdff;
|
||||
}
|
||||
|
||||
.authentication-insider {
|
||||
width: 384px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 40px;
|
||||
padding-top: 80px;
|
||||
|
||||
&__logo-section {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
.auth-copyright {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
|
||||
.bp3-icon-bigcapital {
|
||||
margin-top: 9px;
|
||||
|
||||
svg {
|
||||
path {
|
||||
fill: #a3a3a3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.authTransition{
|
||||
|
||||
&-enter {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&-enter-active {
|
||||
opacity: 1;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
|
||||
&-enter-done {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit-active {
|
||||
opacity: 0.5;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
&-exit-active {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.authentication-page {
|
||||
&__goto-bigcapital {
|
||||
position: fixed;
|
||||
margin-top: 30px;
|
||||
margin-left: 30px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.bp3-input {
|
||||
min-height: 40px;
|
||||
}
|
||||
.bp3-form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.bp3-form-group.has-password-revealer {
|
||||
.bp3-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.password-revealer {
|
||||
.text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.bp3-fill.bp3-intent-primary {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&__label-section {
|
||||
margin-bottom: 30px;
|
||||
color: #555;
|
||||
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
font-size: 22px;
|
||||
color: #2d2b43;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: #0040bd;
|
||||
}
|
||||
}
|
||||
|
||||
&__form-wrapper {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__footer-links {
|
||||
padding: 9px;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-align: center;
|
||||
margin-bottom: 1.2rem;
|
||||
|
||||
a {
|
||||
color: #0052cc;
|
||||
}
|
||||
}
|
||||
|
||||
&__loading-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(252, 253, 255, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 0px 0px 24px 0px;
|
||||
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
// Login Form
|
||||
// ------------------------------
|
||||
.login-form {
|
||||
// width: 690px;
|
||||
// margin: 0px auto;
|
||||
// padding: 85px 50px;
|
||||
|
||||
.checkbox {
|
||||
&--remember-me {
|
||||
margin: -6px 0 26px 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Register form
|
||||
// ----------------------------
|
||||
.register-form {
|
||||
|
||||
&__agreement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
margin-top: -10px;
|
||||
margin-bottom: 24px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 25px 0px 25px 0px;
|
||||
|
||||
.bp3-button {
|
||||
min-height: 45px;
|
||||
background-color: #0052cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Send reset password
|
||||
// ----------------------------
|
||||
.send-reset-password {
|
||||
.form-group--crediential {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
// Invite form.
|
||||
// ----------------
|
||||
.invite-form {
|
||||
|
||||
&__statement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
.authentication-page__loading-overlay {
|
||||
background: rgba(252, 253, 255, 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -6,7 +6,6 @@
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
|
||||
display: flex;
|
||||
|
||||
&-fields{
|
||||
23
client/src/style/pages/Customers/List.scss
Normal file
23
client/src/style/pages/Customers/List.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
|
||||
|
||||
.dashboard__insider--customers-list{
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
.avatar.td{
|
||||
|
||||
.avatar{
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
background: #f3e2f6;
|
||||
border-radius: 50%;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #93639a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,13 +1,13 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
|
||||
.page-form--customer{
|
||||
.page-form--customer {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
#{$self}__header{
|
||||
#{$self}__header {
|
||||
padding: 0;
|
||||
}
|
||||
#{$self}__primary-section{
|
||||
#{$self}__primary-section {
|
||||
padding: 10px 0 0;
|
||||
margin: 0 0 20px;
|
||||
overflow: hidden;
|
||||
@@ -15,108 +15,105 @@
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp3-form-group {
|
||||
max-width: 500px;
|
||||
|
||||
.bp3-control{
|
||||
.bp3-control {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&.bp3-inline{
|
||||
|
||||
.bp3-label{
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--contact_name{
|
||||
.form-group--contact_name {
|
||||
max-width: 600px;
|
||||
|
||||
.bp3-control-group > *{
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-right: 10px;
|
||||
}
|
||||
&.input-group--salutation-list{
|
||||
&.input-group--salutation-list {
|
||||
width: 25%;
|
||||
}
|
||||
&.input-group--first-name,
|
||||
&.input-group--last-name{
|
||||
&.input-group--last-name {
|
||||
width: 37%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp3-form-group {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bp3-tab-panel{
|
||||
margin-top: 26px;
|
||||
.bp3-tab-panel {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.form-group--phone-number{
|
||||
|
||||
.bp3-control-group > *{
|
||||
.form-group--phone-number {
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
&:first-child{
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child{
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__tabs{
|
||||
#{$self}__tabs {
|
||||
margin-top: 20px;
|
||||
max-width: 1000px;
|
||||
|
||||
h4{
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
color: #888;
|
||||
margin-bottom: 1.2rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
// Tab panels.
|
||||
.tab-panel{
|
||||
|
||||
&--address{
|
||||
.bp3-form-group{
|
||||
.tab-panel {
|
||||
&--address {
|
||||
.bp3-form-group {
|
||||
max-width: 440px;
|
||||
|
||||
&.bp3-inline{
|
||||
.bp3-label{
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 145px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-content{
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea.bp3-input{
|
||||
textarea.bp3-input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&--note{
|
||||
.form-group--note{
|
||||
.bp3-form-group{
|
||||
&--note {
|
||||
.form-group--note {
|
||||
.bp3-form-group {
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea{
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 100px;
|
||||
}
|
||||
@@ -124,34 +121,34 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dropzone-container{
|
||||
.dropzone-container {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs{
|
||||
.bp3-tab-list{
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
content: "";
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #F0F0F0;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
> *:not(:last-child){
|
||||
> *:not(:last-child) {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab{
|
||||
&.bp3-large > .bp3-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
|
||||
&[aria-selected="true"],
|
||||
&:not([aria-disabled="true"]):hover{
|
||||
&[aria-selected='true'],
|
||||
&:not([aria-disabled='true']):hover {
|
||||
color: $pt-link-color;
|
||||
}
|
||||
}
|
||||
@@ -163,25 +160,3 @@
|
||||
margin-right: -40px;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--customers-list{
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
.avatar.td{
|
||||
|
||||
.avatar{
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
background: #f3e2f6;
|
||||
border-radius: 50%;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #93639a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +1,10 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
|
||||
.dashboard{
|
||||
.dashboard {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
|
||||
&__topbar{
|
||||
&__topbar {
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
display: flex;
|
||||
@@ -13,23 +13,21 @@
|
||||
border-bottom: 1px solid #dddee3;
|
||||
|
||||
&-right,
|
||||
&-left{
|
||||
&-left {
|
||||
display: flex;
|
||||
}
|
||||
&-actions{
|
||||
|
||||
}
|
||||
&-sidebar-toggle{
|
||||
&-actions {}
|
||||
&-sidebar-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 2px;
|
||||
|
||||
.#{$ns}-button{
|
||||
color: #6B8193;
|
||||
.#{$ns}-button {
|
||||
color: #6b8193;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:focus{
|
||||
&:focus {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
@@ -38,40 +36,40 @@
|
||||
}
|
||||
}
|
||||
|
||||
&-navbar{
|
||||
&-navbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 4px;
|
||||
|
||||
.#{$ns}-button{
|
||||
color: #1552C8;
|
||||
.#{$ns}-button {
|
||||
color: #1552c8;
|
||||
font-weight: 5000;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
&:focus {
|
||||
background-color: rgba(178, 220, 253, 0.15);
|
||||
}
|
||||
.#{$ns}-icon{
|
||||
color: #1552C8;
|
||||
.#{$ns}-icon {
|
||||
color: #1552c8;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-navbar-divider{
|
||||
.bp3-navbar-divider {
|
||||
margin: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&-user{
|
||||
&-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal){
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
background-color: #EED1F2;
|
||||
background-color: #eed1f2;
|
||||
border-radius: 50%;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
@@ -82,8 +80,8 @@
|
||||
}
|
||||
&,
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color: #EED1F2;
|
||||
&:focus {
|
||||
background-color: #eed1f2;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -91,19 +89,19 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__breadcrumbs{
|
||||
&__breadcrumbs {
|
||||
display: flex;
|
||||
margin-left: 16px;
|
||||
align-items: center;
|
||||
|
||||
// Breadcrumbs component.
|
||||
.#{$ns}-breadcrumbs-collapsed{
|
||||
.#{$ns}-breadcrumbs-collapsed {
|
||||
background: $light-gray3;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
background: $light-gray2;
|
||||
}
|
||||
&::before{
|
||||
&::before {
|
||||
background: escape-svg($breadcrumbs-collapsed-icon) center center;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
@@ -111,112 +109,111 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__back-link{
|
||||
&__back-link {
|
||||
margin-left: 24px;
|
||||
display: flex;
|
||||
|
||||
a{
|
||||
a {
|
||||
margin: auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__actions-bar{
|
||||
border-bottom: 2px solid #EAEAEA;
|
||||
&__actions-bar {
|
||||
border-bottom: 2px solid #eaeaea;
|
||||
|
||||
.#{$ns}-navbar{
|
||||
.#{$ns}-navbar {
|
||||
box-shadow: none;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
|
||||
&,
|
||||
&-group{
|
||||
&-group {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.#{$ns}-navbar-divider{
|
||||
.#{$ns}-navbar-divider {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.#{$ns}-button{
|
||||
.#{$ns}-button {
|
||||
color: #32304a;
|
||||
padding: 8px 12px;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
background: rgba(167, 182, 194, 0.12);
|
||||
color: #32304a;
|
||||
}
|
||||
&.bp3-minimal:active,
|
||||
&.bp3-minimal.bp3-active{
|
||||
&.bp3-minimal.bp3-active {
|
||||
background: #a7b6c21f;
|
||||
color: #32304a;
|
||||
}
|
||||
|
||||
&.has-active-filters{
|
||||
&.has-active-filters {
|
||||
&,
|
||||
&.bp3-active,
|
||||
&:active{
|
||||
&:active {
|
||||
background: #eafbe4;
|
||||
}
|
||||
}
|
||||
.#{$ns}-icon{
|
||||
.#{$ns}-icon {
|
||||
color: #32304a;
|
||||
margin-right: 7px;
|
||||
}
|
||||
&.#{$ns}-minimal.#{$ns}-intent-danger{
|
||||
&.#{$ns}-minimal.#{$ns}-intent-danger {
|
||||
color: #c23030;
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
&:focus {
|
||||
background: rgba(219, 55, 55, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--blue-highlight{
|
||||
&.button--blue-highlight {
|
||||
background-color: #ebfaff;
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
&:focus {
|
||||
background-color: darken(#ebfaff, 2.5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--gray-highlight{
|
||||
&.button--gray-highlight {
|
||||
background-color: rgba(127, 189, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.button--table-views{
|
||||
.#{$ns}-icon{
|
||||
color: #1183DA;
|
||||
.button--table-views {
|
||||
.#{$ns}-icon {
|
||||
color: #1183da;
|
||||
}
|
||||
.#{$ns}-button-text{
|
||||
.#{$ns}-button-text {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.#{$ns}-icon-caret-down{
|
||||
.#{$ns}-icon-caret-down {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__breadcrumbs{
|
||||
&__breadcrumbs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&__title{
|
||||
align-items: center;;
|
||||
&__title {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin-left: 2px;
|
||||
|
||||
h1{
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
color: #48485c;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
h3{
|
||||
h3 {
|
||||
border-left: 1px solid #d9d9d9;
|
||||
padding-left: 10px;
|
||||
font-size: 16px;
|
||||
@@ -227,35 +224,31 @@
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.button--view-edit{
|
||||
|
||||
svg{
|
||||
.button--view-edit {
|
||||
svg {
|
||||
color: #929699;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
svg{
|
||||
&:focus {
|
||||
svg {
|
||||
color: #5c7080;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__hint{
|
||||
|
||||
&__hint {
|
||||
display: inline-block;
|
||||
margin-top: 4px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&__subtitle{
|
||||
|
||||
&__subtitle {
|
||||
}
|
||||
&__insider{
|
||||
|
||||
&__insider {
|
||||
}
|
||||
|
||||
&__offline-badge{
|
||||
&__offline-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0px 6px;
|
||||
@@ -269,63 +262,53 @@
|
||||
margin: auto;
|
||||
margin-left: 12px;
|
||||
}
|
||||
&-content{
|
||||
&-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
min-width: 850px;
|
||||
|
||||
&:before{
|
||||
content: "";
|
||||
height: 1px;
|
||||
background: #01194e;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sidebar--mini-sidebar + &{
|
||||
.sidebar--mini-sidebar + & {
|
||||
margin-left: 50px;
|
||||
width: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
|
||||
&__insider{
|
||||
&__insider {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
background-color: #FBFBFB;
|
||||
background-color: #fbfbfb;
|
||||
|
||||
> .dashboard__loading-indicator{
|
||||
> .dashboard__loading-indicator {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__page-content{
|
||||
&__page-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
.table{
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.thead,
|
||||
.tbody{
|
||||
.tbody {
|
||||
.th.selection,
|
||||
.td.selection{
|
||||
.td.selection {
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__loading-indicator{
|
||||
.dashboard__loading-indicator {
|
||||
padding-top: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
&__datatable{
|
||||
&__datatable {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
flex-direction: column;
|
||||
@@ -333,96 +316,95 @@
|
||||
margin: 20px;
|
||||
border: 1px solid #d2dce2;
|
||||
|
||||
.bigcapital-datatable{
|
||||
.bigcapital-datatable {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
|
||||
.pagination{
|
||||
.pagination {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
&:not(.has-pagination){
|
||||
&:not(.has-pagination) {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.datatable-empty-status{
|
||||
.datatable-empty-status {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&__preferences-topbar{
|
||||
|
||||
&__preferences-topbar {
|
||||
}
|
||||
|
||||
&__footer{
|
||||
&__footer {
|
||||
margin-top: auto;
|
||||
padding: 8px 0;
|
||||
border-top: 1px solid #ececec;
|
||||
|
||||
.footer-links{
|
||||
|
||||
.footer-links {
|
||||
text-align: center;
|
||||
|
||||
> div{
|
||||
> div {
|
||||
font-size: 12px;
|
||||
margin-right: 20px;
|
||||
display: inline;
|
||||
|
||||
a{
|
||||
a {
|
||||
color: #8c8c8c;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
color: $blue2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__card{
|
||||
&__card {
|
||||
border: 1px solid #d2dce2;
|
||||
background: #fff;
|
||||
|
||||
&--page{
|
||||
&--page {
|
||||
flex: 1 0 0;
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&__error-boundary{
|
||||
&__error-boundary {
|
||||
text-align: center;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
|
||||
h1{
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
margin: 0px 0 10px;
|
||||
color: #2c3a5d;
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #1f3255;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.bp3-icon{
|
||||
.bp3-icon {
|
||||
margin-top: 6px;
|
||||
|
||||
path{
|
||||
path {
|
||||
fill: #a1afca;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs--dashboard-views{
|
||||
.tabs--dashboard-views {
|
||||
|
||||
.#{$ns}-tab{
|
||||
.#{$ns}-tab {
|
||||
color: #5b606d;
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
@@ -437,37 +419,37 @@
|
||||
}
|
||||
}
|
||||
|
||||
.#{$ns}-tab-indicator-wrapper{
|
||||
.#{$ns}-tab-indicator{
|
||||
.#{$ns}-tab-indicator-wrapper {
|
||||
.#{$ns}-tab-indicator {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.button--new-view{
|
||||
.button--new-view {
|
||||
margin: 0;
|
||||
height: 50px;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus{
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.#{$ns}-icon{
|
||||
color: #A7A7A7;
|
||||
.#{$ns}-icon {
|
||||
color: #a7a7a7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar--dashboard-views{
|
||||
.navbar--dashboard-views {
|
||||
box-shadow: 0 0 0;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
}
|
||||
|
||||
.navbar-omnibar{
|
||||
.navbar-omnibar {
|
||||
-webkit-filter: blur(0);
|
||||
filter: blur(0);
|
||||
opacity: 1;
|
||||
@@ -475,21 +457,17 @@
|
||||
left: calc(50% - 250px);
|
||||
z-index: 21;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
|
||||
0 4px 8px rgba(16, 22, 26, 0.2),
|
||||
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
|
||||
0 18px 46px 6px rgba(16, 22, 26, 0.2);
|
||||
background-color: #fff;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
|
||||
.menu--logged-user-dropdown{
|
||||
|
||||
.menu-item--profile{
|
||||
|
||||
.org{
|
||||
.menu--logged-user-dropdown {
|
||||
.menu-item--profile {
|
||||
.org {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,6 @@
|
||||
.dialog--invite-user {
|
||||
|
||||
.dialog--exchangeRate-form {
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
@@ -9,4 +11,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
|
||||
.financial-sheet{
|
||||
&--receivable-aging-summary{
|
||||
|
||||
.financial-sheet__table{
|
||||
|
||||
.bigcapital-datatable{
|
||||
.tbody,
|
||||
.thead{
|
||||
.tr .td.customer_name ~ .td,
|
||||
.tr .th.customer_name ~ .th{
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.tr:not(:first-child) .td{
|
||||
border-top: 1px solid #E8E8E8;
|
||||
}
|
||||
.tr.row-type--total{
|
||||
font-weight: 500;
|
||||
|
||||
.td{
|
||||
border-top: 1px solid #333;
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
45
client/src/style/pages/FinancialStatements/BalanceSheet.scss
Normal file
45
client/src/style/pages/FinancialStatements/BalanceSheet.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
|
||||
.financial-sheet{
|
||||
|
||||
&--balance-sheet{
|
||||
.financial-sheet__table{
|
||||
|
||||
.thead,
|
||||
.tbody{
|
||||
.tr .td.account_name ~ .td,
|
||||
.tr .th.account_name ~ .th{
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.tr.row_type--total-row .td{
|
||||
border-top: 1px solid #BBB;
|
||||
}
|
||||
.tr.row_type--total-row.row_type--assets .td,
|
||||
.tr.row_type--total-row.row_type--liabilities_equity .td{
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
.tr.row_type--total-row{
|
||||
.total.td,
|
||||
.account_name.td,
|
||||
.total-period.td{
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.tr.is-expanded{
|
||||
.td.total,
|
||||
.td.total-period{
|
||||
> span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.financial-reports {
|
||||
padding: 20px 25px;
|
||||
|
||||
.section-title {
|
||||
font-weight: 500;
|
||||
margin-bottom: 1.6rem;
|
||||
font-size: 20px;
|
||||
color: rgb(31, 50, 85);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
&__list {
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
&__item {
|
||||
width: 270px;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 20px;
|
||||
border: 1px solid #d1dee2;
|
||||
border-top: 3px solid #d1dee2;
|
||||
padding-top: 16px;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: rgb(31, 50, 85);
|
||||
line-height: 1.55;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
|
||||
.financial-sheet{
|
||||
&--general-ledger{
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.tr.row-type{
|
||||
|
||||
&--opening_balance,
|
||||
&--closing_balance{
|
||||
.td{
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
.name,
|
||||
.amount,
|
||||
.balance{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
&--closing_balance .td{
|
||||
border-bottom-color: #666;
|
||||
}
|
||||
&--account_name .td.name{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
31
client/src/style/pages/FinancialStatements/Journal.scss
Normal file
31
client/src/style/pages/FinancialStatements/Journal.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
|
||||
.financial-sheet{
|
||||
|
||||
&--journal{
|
||||
.financial-sheet__table{
|
||||
|
||||
.tbody{
|
||||
.tr:not(.no-results) .td{
|
||||
padding: 0.4rem;
|
||||
color: #000;
|
||||
border-bottom-color: transparent;
|
||||
min-height: 32px;
|
||||
border-left: 1px solid #ececec;
|
||||
|
||||
&:first-of-type{
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--journal{
|
||||
|
||||
.financial-header-drawer{
|
||||
.bp3-drawer{
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
|
||||
.financial-sheet{
|
||||
&--profit-loss-sheet{
|
||||
.financial-sheet__table{
|
||||
.thead,
|
||||
.tbody{
|
||||
.tr .td:not(:first-child),
|
||||
.tr .th:not(:first-child) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.tr.row_type--total{
|
||||
font-weight: 500;
|
||||
}
|
||||
.tr.row_type--section_total .td{
|
||||
border-top: 1px solid #BBB
|
||||
}
|
||||
.tr.row_type--section_total + .tr .td{
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
.tr.row_type--net_income_total.row_type--total .td{
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
|
||||
.tr.is-expanded{
|
||||
.td.total,
|
||||
.td.total-period{
|
||||
> span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
|
||||
.financial-sheet{
|
||||
|
||||
&--trial-balance{
|
||||
min-width: 720px;
|
||||
|
||||
.financial-sheet__table{
|
||||
|
||||
.tbody{
|
||||
.tr .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.balance.td{
|
||||
border-top-color: #000;
|
||||
}
|
||||
.tr.row_type--total .td{
|
||||
border-top: 1px solid #000;
|
||||
font-weight: 500;
|
||||
border-bottom: 3px double #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
27
client/src/style/pages/Items/List.scss
Normal file
27
client/src/style/pages/Items/List.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
|
||||
// Blueprint framework.
|
||||
// @import '@blueprintjs/core/src/blueprint.scss';
|
||||
|
||||
.dashboard__insider--items-list {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.item_type.td {
|
||||
.bp3-tag {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.tr.inactive .td {
|
||||
color: #646b82;
|
||||
|
||||
&.normal .bp3-icon {
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
.quantity_on_hand {
|
||||
color: #ff0000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -78,27 +78,3 @@
|
||||
border-bottom: 1px dashed #d0d0d0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--items-list {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.item_type.td {
|
||||
.bp3-tag {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.tr.inactive .td {
|
||||
color: #646b82;
|
||||
|
||||
&.normal .#{$ns}-icon {
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
.quantity_on_hand {
|
||||
color: #ff0000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
|
||||
.dialog--journal-number-settings{
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.bp3-form-group{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
.bp3-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,34 +1,29 @@
|
||||
|
||||
|
||||
.dashboard__insider--manual-journals{
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
.thead{
|
||||
|
||||
.dashboard__insider--manual-journals {
|
||||
.bigcapital-datatable {
|
||||
.thead {
|
||||
}
|
||||
|
||||
.tbody{
|
||||
.td.amount{
|
||||
.bp3-popover-target{
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.bp3-popover-target {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
}
|
||||
> span{
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.note{
|
||||
.bp3-icon{
|
||||
.note {
|
||||
.bp3-icon {
|
||||
color: #666;
|
||||
}
|
||||
.bp3-tooltip-indicator{
|
||||
.bp3-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.status{
|
||||
.status {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -29,22 +29,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dialog--journal-number-settings{
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.bp3-form-group{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
.bp3-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider{
|
||||
|
||||
&--make-journal-page{
|
||||
39
client/src/style/pages/Preferences/Accounting.scss
Normal file
39
client/src/style/pages/Preferences/Accounting.scss
Normal file
@@ -0,0 +1,39 @@
|
||||
|
||||
// Accountant.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--accountant {
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 60px;
|
||||
|
||||
+ .bp3-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--select-list{
|
||||
|
||||
button{
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-form-group {
|
||||
|
||||
.bp3-form-helper-text{
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
11
client/src/style/pages/Preferences/CurrenciesList.scss
Normal file
11
client/src/style/pages/Preferences/CurrenciesList.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
// Currencies List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--currencies{
|
||||
|
||||
.bigcapital-datatable {
|
||||
|
||||
.tr:last-child .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
35
client/src/style/pages/Preferences/GeneralForm.scss
Normal file
35
client/src/style/pages/Preferences/GeneralForm.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
// General page
|
||||
//---------------------------------
|
||||
.preferences-page__inside-content--general {
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 60px;
|
||||
|
||||
+ .bp3-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 550px;
|
||||
|
||||
.bp3-label {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
71
client/src/style/pages/Preferences/Page.scss
Normal file
71
client/src/style/pages/Preferences/Page.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.dashboard-content--preferences {
|
||||
flex-direction: row;
|
||||
flex: 1 0 0;
|
||||
min-width: auto;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.dashboard {
|
||||
&__preferences-content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.preferences-page {
|
||||
&__inside-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
|
||||
&--tabable {
|
||||
margin-left: -25px;
|
||||
margin-right: -25px;
|
||||
}
|
||||
.card{
|
||||
margin: 15px;
|
||||
}
|
||||
.bigcapital-datatable{
|
||||
|
||||
.table .tbody .tbody-inner > .loading{
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__inside-content {
|
||||
.#{$ns}-tab-list {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
align-items: baseline;
|
||||
|
||||
.#{$ns}-tab {
|
||||
font-weight: 400;
|
||||
line-height: 44px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__tabs-extra-actions {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.preferences-page {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
|
||||
&__content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 220px;
|
||||
|
||||
.dashboard__card {
|
||||
margin: 15px;
|
||||
flex: 1 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
70
client/src/style/pages/Preferences/Sidebar.scss
Normal file
70
client/src/style/pages/Preferences/Sidebar.scss
Normal file
@@ -0,0 +1,70 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Preferences sidebar.
|
||||
// -----------------------------
|
||||
.preferences-sidebar {
|
||||
background: #e5eaee;
|
||||
border-right: 1px solid #c6d0d9;
|
||||
min-width: 220px;
|
||||
max-width: 220px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
|
||||
&__wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
.ScrollbarsCustom-Track {
|
||||
&.ScrollbarsCustom-TrackY,
|
||||
&.ScrollbarsCustom-TrackX {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
.ScrollbarsCustom-Thumb {
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.ScrollbarsCustom-Thumb {
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 22px;
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
color: #48485b;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__menu {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
|
||||
.#{$ns}-menu-item {
|
||||
padding: 10px 18px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&.#{$ns}-active {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
62
client/src/style/pages/Preferences/Topbar.scss
Normal file
62
client/src/style/pages/Preferences/Topbar.scss
Normal file
@@ -0,0 +1,62 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Preferences topbar.
|
||||
// -----------------------------
|
||||
.preferences-topbar {
|
||||
border-bottom: 1px solid #d2dde2;
|
||||
min-height: 60px;
|
||||
flex: 60px 0 0;
|
||||
padding: 0 0 0 22px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
&__title {
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
color: #48485b;
|
||||
}
|
||||
}
|
||||
|
||||
&__user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
background-color: #eed1f2;
|
||||
border-radius: 50%;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
|
||||
.user-text {
|
||||
font-size: 12px;
|
||||
color: #804f87;
|
||||
}
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #eed1f2;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__actions {
|
||||
margin-left: auto;
|
||||
padding-right: 15px;
|
||||
margin-right: 15px;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
|
||||
.bp3-button + .bp3-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
29
client/src/style/pages/Preferences/UsersList.scss
Normal file
29
client/src/style/pages/Preferences/UsersList.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
|
||||
// Users/Roles List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--users{
|
||||
|
||||
.bigcapital-datatable {
|
||||
|
||||
.td{
|
||||
.avatar{
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
background: #b7bfc6;
|
||||
border-radius: 50%;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.td.status {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.tr:last-child .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -24,8 +24,6 @@
|
||||
width: 120%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&__table {
|
||||
padding: 15px 15px 0;
|
||||
|
||||
@@ -17,7 +17,6 @@
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
30
client/src/style/pages/Setup/Congrats.scss
Normal file
30
client/src/style/pages/Setup/Congrats.scss
Normal file
@@ -0,0 +1,30 @@
|
||||
.setup-congrats {
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding-top: 80px;
|
||||
|
||||
&__page {
|
||||
}
|
||||
|
||||
&__text {
|
||||
margin-top: 30px;
|
||||
|
||||
h1 {
|
||||
color: #2d2b43;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.paragraph {
|
||||
font-size: 15px;
|
||||
opacity: 0.85;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.bp3-button {
|
||||
height: 38px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
font-size: 15px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
41
client/src/style/pages/Setup/Initializing.scss
Normal file
41
client/src/style/pages/Setup/Initializing.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
|
||||
// Setup initializing form
|
||||
.setup-initializing-form {
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
padding: 16% 0 0;
|
||||
|
||||
.bp3-progress-bar {
|
||||
background: rgba(92, 112, 128, 0.2);
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
|
||||
.bp3-progress-meter {
|
||||
background-color: #809cb3;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
text-align: center;
|
||||
margin-top: 35px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #454c59;
|
||||
margin-top: 0;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.paragraph {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
color: #2e4266;
|
||||
}
|
||||
}
|
||||
}
|
||||
64
client/src/style/pages/Setup/Organization.scss
Normal file
64
client/src/style/pages/Setup/Organization.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
|
||||
.setup-organization {
|
||||
width: 580px;
|
||||
margin: 0 auto;
|
||||
padding: 45px 0 20px;
|
||||
|
||||
&__title-wrap {
|
||||
margin-bottom: 32px;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
color: #565e6c;
|
||||
}
|
||||
.paragraph {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
&__form {
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp3-input-group {
|
||||
.bp3-input {
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--language {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.bp3-text-muted {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.register-org-note {
|
||||
font-size: 13px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
margin-bottom: 1.75rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.register-org-button {
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-width: 175px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -189,139 +189,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.setup-organization {
|
||||
width: 580px;
|
||||
margin: 0 auto;
|
||||
padding: 45px 0 20px;
|
||||
|
||||
&__title-wrap {
|
||||
margin-bottom: 32px;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
color: #565e6c;
|
||||
}
|
||||
.paragraph {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
&__form {
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp3-input-group {
|
||||
.bp3-input {
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--language {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.bp3-text-muted {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.register-org-note {
|
||||
font-size: 13px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
margin-bottom: 1.75rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.register-org-button {
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-width: 175px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Setup initializing form
|
||||
.setup-initializing-form {
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
padding: 16% 0 0;
|
||||
|
||||
.bp3-progress-bar {
|
||||
background: rgba(92, 112, 128, 0.2);
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
|
||||
.bp3-progress-meter {
|
||||
background-color: #809cb3;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
text-align: center;
|
||||
margin-top: 35px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #454c59;
|
||||
margin-top: 0;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.paragraph {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
color: #2e4266;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.setup-congrats {
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding-top: 80px;
|
||||
|
||||
&__page {
|
||||
}
|
||||
|
||||
&__text {
|
||||
margin-top: 30px;
|
||||
|
||||
h1 {
|
||||
color: #2d2b43;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.paragraph {
|
||||
font-size: 15px;
|
||||
opacity: 0.85;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.bp3-button {
|
||||
height: 38px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
font-size: 15px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -18,3 +18,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dialog--invite-user {
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
|
||||
|
||||
// Dialog Account Form.
|
||||
.dialog--account-form{
|
||||
|
||||
.#{$ns}-form-group{
|
||||
.#{$ns}-label{
|
||||
width: 130px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,116 +0,0 @@
|
||||
|
||||
.dashboard__insider--accounts-chart{
|
||||
|
||||
.bigcapital-datatable{
|
||||
.normal{
|
||||
.#{$ns}-icon{
|
||||
color: #7f91a2;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.table{
|
||||
.tbody{
|
||||
.tr:not(.no-results) .td{
|
||||
padding-top: 0.3rem;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.tr.inactive .td{
|
||||
color: #646b82;
|
||||
|
||||
&.normal .#{$ns}-icon{
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
.account_name{
|
||||
.bp3-popover-wrapper--inactive-semafro{
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
.bp3-popover-wrapper--account-desc{
|
||||
border-bottom-color: #BBB;
|
||||
}
|
||||
.inactive-semafro{
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
background: #BBB;
|
||||
display: inline-block;
|
||||
border-radius: 8px;
|
||||
|
||||
}
|
||||
}
|
||||
.normal{
|
||||
.bp3-popover-wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-tooltip-indicator{
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.actions{
|
||||
padding-right: 18px;
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Account Form Dialog.
|
||||
// ----------------------------
|
||||
.dialog--account-form{
|
||||
|
||||
&:not(.dialog--loading) .bp3-dialog-body{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bp3-dialog-body{
|
||||
|
||||
.bp3-form-group.bp3-inline{
|
||||
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description{
|
||||
|
||||
.bp3-form-content{
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
textarea{
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--account-code{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.form-group--subaccount{
|
||||
margin-bottom: 16px;
|
||||
|
||||
.bp3-icon-info-circle{
|
||||
color: #A1B2C5;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.form-group--description{
|
||||
textarea{
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,221 +0,0 @@
|
||||
|
||||
|
||||
.authentication-insider {
|
||||
width: 384px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 40px;
|
||||
padding-top: 80px;
|
||||
|
||||
&__logo-section {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
.auth-copyright {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
|
||||
.bp3-icon-bigcapital {
|
||||
margin-top: 9px;
|
||||
|
||||
svg {
|
||||
path {
|
||||
fill: #a3a3a3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.authTransition{
|
||||
|
||||
&-enter {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&-enter-active {
|
||||
opacity: 1;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
|
||||
&-enter-done {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit-active {
|
||||
opacity: 0.5;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
&-exit-active {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.authentication-page {
|
||||
&__goto-bigcapital {
|
||||
position: fixed;
|
||||
margin-top: 30px;
|
||||
margin-left: 30px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.bp3-input {
|
||||
min-height: 40px;
|
||||
}
|
||||
.bp3-form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.bp3-form-group.has-password-revealer {
|
||||
.bp3-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.password-revealer {
|
||||
.text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.bp3-fill.bp3-intent-primary {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&__label-section {
|
||||
margin-bottom: 30px;
|
||||
color: #555;
|
||||
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
font-size: 22px;
|
||||
color: #2d2b43;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: #0040bd;
|
||||
}
|
||||
}
|
||||
|
||||
&__form-wrapper {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__footer-links {
|
||||
padding: 9px;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-align: center;
|
||||
margin-bottom: 1.2rem;
|
||||
|
||||
a {
|
||||
color: #0052cc;
|
||||
}
|
||||
}
|
||||
|
||||
&__loading-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(252, 253, 255, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 0px 0px 24px 0px;
|
||||
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
// Login Form
|
||||
// ------------------------------
|
||||
.login-form {
|
||||
// width: 690px;
|
||||
// margin: 0px auto;
|
||||
// padding: 85px 50px;
|
||||
|
||||
.checkbox {
|
||||
&--remember-me {
|
||||
margin: -6px 0 26px 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Register form
|
||||
// ----------------------------
|
||||
.register-form {
|
||||
|
||||
&__agreement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
margin-top: -10px;
|
||||
margin-bottom: 24px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 25px 0px 25px 0px;
|
||||
|
||||
.bp3-button {
|
||||
min-height: 45px;
|
||||
background-color: #0052cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Send reset password
|
||||
// ----------------------------
|
||||
.send-reset-password {
|
||||
.form-group--crediential {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
// Invite form.
|
||||
// ----------------
|
||||
.invite-form {
|
||||
|
||||
&__statement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
.authentication-page__loading-overlay {
|
||||
background: rgba(252, 253, 255, 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,46 +0,0 @@
|
||||
.dashboard__insider--estimate-form{
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.page-form--estimate{
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
display: flex;
|
||||
|
||||
&-fields{
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
&.bp3-inline{
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#{$self}__footer{
|
||||
.form-group--customer_note,
|
||||
.form-group--terms_conditions{
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
.exchangeRate{
|
||||
|
||||
|
||||
&-menu {
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
.dialog--exchangeRate-form {
|
||||
|
||||
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,461 +1,27 @@
|
||||
.form-group-display-columns-by{
|
||||
position: relative;
|
||||
}
|
||||
// .form-group-display-columns-by{
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
|
||||
.financial-statement{
|
||||
|
||||
&__header{
|
||||
|
||||
}
|
||||
|
||||
&__body{
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.financial-header-drawer{
|
||||
padding: 25px 26px 25px;
|
||||
position: absolute;
|
||||
top: 101px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&.is-hidden{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.row{
|
||||
.col{
|
||||
max-width: 400px;
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-drawer{
|
||||
box-shadow: 0 0 0 transparent;
|
||||
max-height: 550px;
|
||||
height: 100%;
|
||||
padding-bottom: 49px;
|
||||
|
||||
> form{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
height: 100%;
|
||||
}
|
||||
.bp3-drawer-backdrop{
|
||||
background-color: rgba(2, 9, 19, 0.65);
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 22px;
|
||||
|
||||
label.bp3-label{
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.button--submit-filter{
|
||||
min-height: 34px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.radio-group---accounting-basis{
|
||||
.bp3-label{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs{
|
||||
height: 100%;
|
||||
|
||||
&.bp3-vertical > .bp3-tab-panel{
|
||||
flex: 1 0 0;
|
||||
border-top: 24px solid transparent;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 24px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs.bp3-vertical{
|
||||
flex: 1 0 0;
|
||||
|
||||
.bp3-tab-list{
|
||||
width: 220px;
|
||||
border-right: 1px solid #c3cdd5;
|
||||
padding-top: 10px;
|
||||
|
||||
> *:not(:last-child){
|
||||
margin-right: 0;
|
||||
}
|
||||
.bp3-tab-indicator-wrapper{
|
||||
width: 100%;
|
||||
|
||||
.bp3-tab-indicator{
|
||||
border-left: 3px solid #0350f8;
|
||||
background-color: #edf5ff;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tab{
|
||||
color: #333;
|
||||
line-height: 45px;
|
||||
border-radius: 0;
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tab-panel{
|
||||
|
||||
}
|
||||
|
||||
&__footer{
|
||||
background-color: #ecf0f3;
|
||||
border-top: 1px solid #c3cdd5;
|
||||
padding: 8px;
|
||||
padding-left: 230px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row{
|
||||
margin-left: -0.85rem;
|
||||
margin-right: -0.85rem;
|
||||
|
||||
.col{
|
||||
padding-left: 0.85rem;
|
||||
padding-right: 0.85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-sheet{
|
||||
border: 2px solid #f0f0f0;
|
||||
border-radius: 10px;
|
||||
min-width: 640px;
|
||||
width: auto;
|
||||
padding: 30px 18px;
|
||||
max-width: 100%;
|
||||
margin: 35px auto;
|
||||
min-height: 400px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
|
||||
&__title{
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
color: #464646;
|
||||
text-align: center;
|
||||
}
|
||||
&__sheet-type{
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
margin-top: 6px;
|
||||
}
|
||||
&__date{
|
||||
text-align: center;
|
||||
color: #666;
|
||||
margin-top: 6px;
|
||||
}
|
||||
&__table{
|
||||
margin-top: 24px;
|
||||
|
||||
.table{
|
||||
.tbody,
|
||||
.bigcapital-datatable{
|
||||
|
||||
&--financial-report{
|
||||
.table {
|
||||
.thead{
|
||||
.tr .td,
|
||||
.tr .th{
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.tr.no-results{
|
||||
.td{
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
color: #666;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__inner{
|
||||
&.is-loading{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&__basis{
|
||||
color: #888;
|
||||
text-align: center;
|
||||
margin-top: auto;
|
||||
padding-top: 18px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.dashboard__loading-indicator{
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&--expended{
|
||||
width: auto;
|
||||
}
|
||||
&--trial-balance{
|
||||
min-width: 720px;
|
||||
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.balance.td{
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&--general-ledger{
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.tr.row-type{
|
||||
|
||||
&--opening_balance,
|
||||
&--closing_balance{
|
||||
.td{
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.name,
|
||||
.amount,
|
||||
.balance{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&--closing_balance .td{
|
||||
border-bottom-color: #666;
|
||||
}
|
||||
|
||||
&--account_name .td.name{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--general-ledger,
|
||||
&--journal{
|
||||
|
||||
}
|
||||
&--journal{
|
||||
.financial-sheet__table{
|
||||
|
||||
.tbody{
|
||||
.tr:not(.no-results) .td{
|
||||
padding: 0.4rem;
|
||||
color: #000;
|
||||
border-bottom-color: #DDD;
|
||||
min-height: 32px;
|
||||
border-left: 1px dotted #DDD;
|
||||
|
||||
&:first-of-type{
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--profit-loss-sheet{
|
||||
|
||||
.financial-sheet__table{
|
||||
.thead,
|
||||
.tbody{
|
||||
.tr .td:not(:first-child),
|
||||
.tr .th:not(:first-child) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr .td:not(:first-child) {
|
||||
border-top-color: #000;
|
||||
}
|
||||
.tr.row_type--total{
|
||||
font-weight: 500;
|
||||
}
|
||||
.tr.row_type--section_total .td{
|
||||
border-top: 1px solid #BBB
|
||||
}
|
||||
.tr.row_type--section_total + .tr .td{
|
||||
background: transparent;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
.tr.row_type--section_total:last-child .td{
|
||||
border-bottom: 1px solid #666;
|
||||
}
|
||||
|
||||
.tr.is-expanded{
|
||||
.td.total,
|
||||
.td.total-period{
|
||||
> span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--balance-sheet{
|
||||
.financial-sheet__table{
|
||||
|
||||
.thead,
|
||||
.tbody{
|
||||
.tr .td.account_name ~ .td,
|
||||
.tr .th.account_name ~ .th{
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr .total.td{
|
||||
border-top-color: #000;
|
||||
}
|
||||
.tr.row_type--total_row .td{
|
||||
border-top: 1px solid #BBB;
|
||||
}
|
||||
.tr.row_type--total_assets + .tr .td{
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
.tr.row_type--total_row{
|
||||
.total.td,
|
||||
.account_name.td,
|
||||
.total-period.td{
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.tr.is-expanded{
|
||||
.td.total,
|
||||
.td.total-period{
|
||||
> span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--receivable-aging-summary{
|
||||
|
||||
.financial-sheet__table{
|
||||
|
||||
.bigcapital-datatable{
|
||||
.tbody,
|
||||
.thead{
|
||||
.tr .td.customer_name ~ .td,
|
||||
.tr .th.customer_name ~ .th{
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
|
||||
.row-type--total{
|
||||
font-weight: 600;
|
||||
|
||||
.td{
|
||||
border-top-color: #BBB;
|
||||
border-top-style: solid;
|
||||
border-bottom: 3px double #666;
|
||||
}
|
||||
}
|
||||
padding: 8px 0.4rem;
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--minimal{
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin-top: 20px;
|
||||
|
||||
.financial-sheet{
|
||||
&__title{
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
}
|
||||
&__title + .financial-sheet__date{
|
||||
margin-top: 8px;
|
||||
}
|
||||
&__table{
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.is-full-width{
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.financial-reports{
|
||||
padding: 20px 25px;
|
||||
|
||||
.section-title{
|
||||
font-weight: 500;
|
||||
margin-bottom: 1.6rem;
|
||||
font-size: 20px;
|
||||
color: rgb(31, 50, 85);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
&__list{
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
&__item{
|
||||
width: 270px;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 20px;
|
||||
border: 1px solid #d1dee2;
|
||||
border-top: 3px solid #d1dee2;
|
||||
padding-top: 16px;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
|
||||
.title{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.desc{
|
||||
color: rgb(31, 50, 85);
|
||||
line-height: 1.55;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--journal{
|
||||
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
|
||||
|
||||
.dashboard__insider--items-categories{
|
||||
|
||||
.dashboard__actions-bar{
|
||||
border-bottom: 2px solid #EAEAEA;
|
||||
}
|
||||
}
|
||||
@@ -1,316 +0,0 @@
|
||||
.dashboard-content--preferences {
|
||||
flex-direction: row;
|
||||
flex: 1 0 0;
|
||||
min-width: auto;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.dashboard {
|
||||
&__preferences-content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.preferences-page {
|
||||
&__inside-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
|
||||
&--tabable {
|
||||
margin-left: -25px;
|
||||
margin-right: -25px;
|
||||
}
|
||||
|
||||
.card{
|
||||
margin: 15px;
|
||||
}
|
||||
.bigcapital-datatable{
|
||||
|
||||
.table .tbody .tbody-inner > .loading{
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__inside-content {
|
||||
.#{$ns}-tab-list {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
align-items: baseline;
|
||||
|
||||
.#{$ns}-tab {
|
||||
font-weight: 400;
|
||||
line-height: 44px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__tabs-extra-actions {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.preferences-page {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
|
||||
&__content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 220px;
|
||||
|
||||
.dashboard__card {
|
||||
margin: 15px;
|
||||
flex: 1 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Preferences topbar.
|
||||
// -----------------------------
|
||||
.preferences-topbar {
|
||||
border-bottom: 1px solid #d2dde2;
|
||||
min-height: 60px;
|
||||
flex: 60px 0 0;
|
||||
padding: 0 0 0 22px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
&__title {
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
color: #48485b;
|
||||
}
|
||||
}
|
||||
|
||||
&__user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
background-color: #eed1f2;
|
||||
border-radius: 50%;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
|
||||
.user-text {
|
||||
font-size: 12px;
|
||||
color: #804f87;
|
||||
}
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #eed1f2;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__actions {
|
||||
margin-left: auto;
|
||||
padding-right: 15px;
|
||||
margin-right: 15px;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
|
||||
.bp3-button + .bp3-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Preferences sidebar.
|
||||
// -----------------------------
|
||||
.preferences-sidebar {
|
||||
background: #e5eaee;
|
||||
border-right: 1px solid #c6d0d9;
|
||||
min-width: 220px;
|
||||
max-width: 220px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
|
||||
&__wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ScrollbarsCustom-Track {
|
||||
&.ScrollbarsCustom-TrackY,
|
||||
&.ScrollbarsCustom-TrackX{
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
.ScrollbarsCustom-Thumb{
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.ScrollbarsCustom-Thumb{
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 22px;
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
color: #48485b;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__menu {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
|
||||
.#{$ns}-menu-item {
|
||||
padding: 10px 18px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&.#{$ns}-active {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// General page
|
||||
//---------------------------------
|
||||
.preferences-page__inside-content--general {
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 60px;
|
||||
|
||||
+ .bp3-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 550px;
|
||||
|
||||
.bp3-label {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Users/Roles List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--users{
|
||||
|
||||
.bigcapital-datatable {
|
||||
|
||||
.td{
|
||||
.avatar{
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
background: #b7bfc6;
|
||||
border-radius: 50%;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.td.status {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.tr:last-child .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Currencies List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--currencies{
|
||||
|
||||
.bigcapital-datatable {
|
||||
|
||||
.tr:last-child .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Accountant.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--accountant {
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 60px;
|
||||
|
||||
+ .bp3-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--select-list{
|
||||
|
||||
button{
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
|
||||
.bp3-form-helper-text{
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user