Fix Invoice/Estimate template issues and Add Payment Receipt, Custom Payment Modes and Item units

This commit is contained in:
Jay Makwana
2020-01-05 07:22:36 +00:00
committed by Mohit Panjwani
parent 56a955befd
commit 4c33a5d88c
112 changed files with 5050 additions and 331 deletions

View File

@ -0,0 +1,44 @@
.item-unit-modal {
.card-footer {
display: flex;
justify-content: flex-end;
padding: 20px 20px;
}
.input-label {
text-align: end;
padding-right: 0;
position: relative;
}
.required {
position: absolute;
// left: -10px;
color: $ls-color-red;
}
.compound-tax-toggle {
display: flex;
align-items: center;
margin-top: 9px;
}
}
@media(max-width: $x-small-breakpoint ) {
.base-modal {
.item-unit-modal {
width: 100vw;
.input-label {
text-align: left;
}
}
}
}

View File

@ -0,0 +1,44 @@
.mail-test-modal {
.card-footer {
display: flex;
justify-content: flex-end;
padding: 20px 20px;
}
.input-label {
text-align: end;
padding-right: 0;
position: relative;
}
.required {
position: absolute;
margin-left: 4px;
color: $ls-color-red;
}
.compound-tax-toggle {
display: flex;
align-items: center;
margin-top: 9px;
}
}
@media(max-width: $x-small-breakpoint ) {
.base-modal {
.mail-test-modal {
width: 100vw;
.input-label {
text-align: left;
}
}
}
}

View File

@ -0,0 +1,44 @@
.payment-modes-modal {
.card-footer {
display: flex;
justify-content: flex-end;
padding: 20px 20px;
}
.input-label {
text-align: end;
padding-right: 0;
position: relative;
}
.required {
position: absolute;
// left: -10px;
color: $ls-color-red;
}
.compound-tax-toggle {
display: flex;
align-items: center;
margin-top: 9px;
}
}
@media(max-width: $x-small-breakpoint ) {
.base-modal {
.payment-modes-modal-modal {
width: 100vw;
.input-label {
text-align: left;
}
}
}
}

View File

@ -0,0 +1,109 @@
.tooltip {
display: block !important;
z-index: 10000;
.tooltip-inner {
background: black;
color: white;
border-radius: 16px;
padding: 5px 10px 4px;
}
.tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: black;
z-index: 1;
}
&[x-placement^="top"] {
margin-bottom: 5px;
.tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
}
&[x-placement^="bottom"] {
margin-top: 5px;
.tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
}
&[x-placement^="right"] {
margin-left: 5px;
.tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
}
&[x-placement^="left"] {
margin-right: 5px;
.tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
}
&.popover {
$color: #f9f9f9;
.popover-inner {
background: $color;
color: black;
padding: 24px;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(black, .1);
}
.popover-arrow {
border-color: $color;
}
}
&[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
transition: opacity .15s, visibility .15s;
}
&[aria-hidden='false'] {
visibility: visible;
opacity: 1;
transition: opacity .15s;
}
}