Skip to content
Snippets Groups Projects
Verified Commit e10b90fe authored by Julien Veyssier's avatar Julien Veyssier
Browse files

fix style lint issues

parent 91279768
No related branches found
No related tags found
No related merge requests found
Showing with 174 additions and 65 deletions
......@@ -585,33 +585,34 @@ export default {
</script>
<style lang="scss" scoped>
/*#content {
/*#content {
#app-content {
transition: margin-left 100ms ease;
position: relative;
overflow-x: hidden;
align-items: stretch;
}
#app-sidebar {
transition: max-width 100ms ease;
}
&.nav-hidden {
#app-content {
transition: margin-left 100ms ease;
position: relative;
overflow-x: hidden;
align-items: stretch;
margin-left: 0;
}
}
&.sidebar-hidden {
#app-sidebar {
transition: max-width 100ms ease;
}
&.nav-hidden {
#app-content {
margin-left: 0;
}
max-width: 0;
min-width: 0;
}
&.sidebar-hidden {
#app-sidebar {
max-width: 0;
min-width: 0;
}
}
}*/
}
}*/
.content-buttons {
position: absolute !important;
top: 0px;
right: 8px;
}
#app-content-wrapper {
display: flex;
}
......
......@@ -1015,35 +1015,42 @@ export default {
.bill-left input {
width: 100%;
}
.bill-form a.icon {
justify-content: space-between;
line-height: 44px;
min-height: 44px;
padding: 0 12px 0 25px;
}
.bill-left,
.bill-right {
padding: 0px 10px 0px 15px;
float: left;
}
.owerAllNoneDiv label,
.owerEntry label {
margin-left: 5px;
}
.bill-owers input {
cursor: pointer;
padding: 5px;
min-height: 0px;
}
#owerValidate,
#owerValidate2 {
background-color: #46ba61;
color: white;
}
.owerAllNoneDiv div {
display: inline-block;
width: 24px;
}
.owerAllNoneDiv,
.owerEntry {
margin-left: 26px;
......@@ -1051,40 +1058,50 @@ export default {
margin-top: 15px;
margin-bottom: 15px;
}
.amountinput {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.bill-title {
text-align: left;
margin-left: 50px;
}
#billtype {
max-width: 80%;
}
.billFormAvatar img {
width: 50px;
}
.billFormAvatar .disabledMask {
width: 52px;
height: 52px;
left: 51px;
}
.infoButton {
height: 34px;
width: 34px;
float: right;
}
.field-with-info {
display: flex;
}
.field-with-info select,
.field-with-info input {
flex-grow: 100;
}
.datetime-picker {
width: 100%;
}
.bill-date,
.bill-payment-mode,
.bill-category,
......@@ -1099,26 +1116,31 @@ export default {
display: grid;
grid-template: 1fr / 5fr 7fr;
}
.bill-repeat,
.bill-payer,
.bill-amount {
margin-top: 25px;
}
.bill-amount .icon-cospend,
.bill-currency-convert .icon-currencies {
display: inline-block;
padding-left: 34px !important;
}
.bill-amount label,
.bill-currency-convert label {
padding-top: 10px;
}
.bill-repeat-include {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 8px;
}
.modehint {
max-width: 500px;
}
......
......@@ -136,15 +136,18 @@ export default {
.addBillItem {
padding-left: 40px;
}
.nobill, .nomember {
text-align: center;
color: var(--color-text-lighter);
margin-top: 8px;
margin-left: 40px;
}
.nomember {
margin-top: 12px;
}
.loading-icon {
margin-top: 16px;
}
......
......@@ -165,10 +165,12 @@ export default {
#manage-categories {
margin-left: 20px;
}
#manage-categories .icon {
line-height: 44px;
padding: 0 12px 0 25px;
}
.addCategoryOk {
margin-top: 0px;
......@@ -187,51 +189,63 @@ export default {
background-color: var(--color-background-hover);
}
}
#add-category,
#category-list,
#main-category-label {
margin-left: 37px;
}
#main-category-label {
width: 160px;
display: grid;
grid-template: 1fr / 1fr 1fr;
}
#add-category {
display: grid;
grid-template: 1fr / 1fr 1fr;
}
.addCategoryRateHint {
grid-column: 1/3;
}
#main-category-label-label,
#add-category label {
line-height: 40px;
}
#addCategoryNameInput {
width: 100%;
}
$clickable-area: 44px;
.color0 {
width: calc(#{$clickable-area} - 6px);
height: calc(#{$clickable-area} - 6px);
background-size: 14px;
border-radius: 50%;
}
.add-category-2 {
display: grid;
grid-template: 1fr / 44px 44px 4fr 44px;
padding: 10px 10px 10px 20px;
}
.add-category-2 label {
line-height: 40px;
}
.add-icon-button {
margin-top: 0px;
border-radius: 50%;
width: 40px;
height: 40px;
}
.new-category-name {
width: 90%;
}
......
......@@ -207,15 +207,18 @@ export default {
#manage-currencies {
margin-left: 20px;
}
#manage-currencies .icon {
line-height: 44px;
padding: 0 12px 0 25px;
}
#manage-currencies .icon-currencies {
min-height: 18px !important;
display: inline-block;
padding: 0 12px 0 25px !important;
}
.editMainCurrencyOk,
.editMainCurrencyClose,
.editMainCurrency {
......@@ -237,42 +240,52 @@ export default {
background-color: var(--color-background-hover);
}
}
.editMainCurrencyInput {
width: 96%;
}
#main-currency-edit {
display: grid;
grid-template: 1fr / 80% 1fr 1fr;
}
.addCurrencyOk {
background-color: #46ba61;
color: white;
}
#main-currency-edit,
#add-currency,
#main-currency-label {
margin-left: 37px;
}
#main-currency-label {
display: grid;
grid-template: 1fr / 90% 1fr;
}
#add-currency {
display: grid;
grid-template: 1fr / 2fr 1fr;
}
.addCurrencyRateHint {
grid-column: 1/3;
}
#main-currency-label-label,
#add-currency label {
line-height: 40px;
}
.no-currencies {
padding: 2em;
text-align: center;
color: var(--color-text-light);
}
#currency-list {
margin-left: 37px;
}
......
......@@ -138,6 +138,7 @@ export default {
width: 210px;
margin: 0 auto;
}
.enterPassword {
order: 1;
display: flex;
......@@ -148,11 +149,12 @@ export default {
form {
display: flex;
flex-grow: 1;
input[type="password"] {
input[type='password'] {
flex-grow: 1;
}
}
}
#mbPasswordLabel1,
#mbPasswordLabel2,
#mbUrlHintLabel1,
......@@ -163,6 +165,7 @@ export default {
display: block;
text-align: center;
}
h3 {
display: flex;
margin-bottom: 20px;
......
......@@ -179,9 +179,11 @@ export default {
justify-content: center;
align-items: center;
}
#center-settle-div label {
margin-right: 5px;
}
#billdetail {
margin-left: auto;
margin-right: auto;
......
......@@ -750,18 +750,22 @@ export default {
#statsTitle {
padding: 20px 0px 20px 0px;
}
#stats-filters {
max-width: 900px;
margin-left: 20px;
display: grid;
grid-template: 1fr / 1fr 1fr 1fr 1fr;
}
#stats-filters select {
width: 130px;
}
#stats-filters label {
line-height: 40px;
}
#memberPolarChart,
#categoryMemberChart,
#memberChart,
......@@ -769,29 +773,35 @@ export default {
max-width: 600px;
margin: 0 auto 0 auto;
}
#categoryMonthlyChart,
#memberMonthlyChart {
width: 800px !important;
height: 400px !important;
margin: 0 auto 0 auto;
}
#categoryMemberSelect,
#memberPolarSelect {
display: block;
margin-left: auto;
margin-right: auto;
}
.checkboxlabel {
grid-column: 3 / 5;
}
#billdetail > p,
#billdetail h2 {
text-align: center;
}
#billdetail > * {
margin-left: auto;
margin-right: auto;
}
/* TODO find a solution to limit stats width and still be able to scroll-x
#monthlyTable, #categoryTable {
display: inline-block;
......
......@@ -325,13 +325,16 @@ export default {
.nopad {
left: 8px;
}
.disabledMask {
z-index: 99;
}
.itemAvatar {
margin-top: 16px;
margin-right: 2px;
}
/* first action-input child has margin...
::v-deep .action-input {
margin-top: 0px !important;
......
......@@ -208,6 +208,7 @@ export default {
left: -30px;
top: -12px;
}
.newBill {
font-style: italic;
}
......
......@@ -143,52 +143,63 @@ export default {
background-color: var(--color-background-dark);
margin-right: 15px;
}
.one-category-edit label,
#add-category label,
.one-category-label label {
line-height: 40px;
}
.one-category-label input[type=submit] {
border-radius: 50% !important;
width: 40px !important;
height: 40px;
margin-top: 0px;
}
.one-category-label {
display: grid;
grid-template: 1fr / 1fr 1fr 6fr 42px 42px 15px;
}
.editCategoryOk,
.editCategoryClose {
margin-top: 0px;
height: 40px;
}
.editCategoryOk {
background-color: #46ba61;
color: white;
}
.one-category-label-icon {
font-size: 22px;
}
$clickable-area: 44px;
.color0 {
width: calc(#{$clickable-area} - 6px);
height: calc(#{$clickable-area} - 6px);
background-size: 14px;
border-radius: 50%;
}
.colorDot {
width: calc(#{$clickable-area} - 20px);
height: calc(#{$clickable-area} - 20px);
border-radius: 50%;
margin-top: 8px;
}
.edit-icon-button {
border-radius: var(--border-radius-pill);
height: 40px;
width: 40px;
margin: 0;
}
.icon {
border-radius: var(--border-radius-pill);
opacity: .5;
......
......@@ -292,17 +292,21 @@ export default {
color: var(--color-text-light);
}
}
.output-dir {
display: inline-flex;
align-items: center;
justify-content: center;
}
.output-dir button {
width: 59% !important;
}
.output-dir input {
width: 39% !important;
}
.project-create {
order: 1;
display: flex;
......@@ -310,19 +314,22 @@ export default {
form {
display: flex;
flex-grow: 1;
input[type="text"] {
input[type='text'] {
flex-grow: 1;
}
}
}
.buttonItem {
border-bottom: solid 1px var(--color-border);
}
#max-precision label,
#sort-order label {
line-height: 38px;
padding-left: 15px;
}
#max-precision,
#sort-order {
display: grid;
......
......@@ -121,30 +121,36 @@ export default {
background-color: var(--color-background-dark);
margin-right: 15px;
}
.one-currency-edit label,
.one-currency-label label {
line-height: 40px;
}
.one-currency-label input[type=submit] {
border-radius: 50% !important;
width: 40px !important;
height: 40px;
margin-top: 0px;
}
.one-currency-label {
display: grid;
grid-template: 1fr / 1fr 1fr 42px 42px 15px;
}
.editCurrencyOk,
.editCurrencyClose {
width: 40px !important;
height: 40px;
margin-top: 0px;
}
.editCurrencyOk {
background-color: #46ba61;
color: white;
}
.icon {
border-radius: var(--border-radius-pill);
opacity: .5;
......
......@@ -379,6 +379,7 @@ export default {
#autoExport {
width: 100%;
}
#autoExport span.icon {
display: inline-block;
min-width: 30px !important;
......@@ -387,24 +388,30 @@ export default {
height: 18px;
vertical-align: sub;
}
#autoExport label,
#autoExport select {
display: inline-block;
width: 49%;
}
.addUserInput {
width: 100%;
}
#affectDiv {
display: flex;
}
#affectDiv select {
margin-top: 0px;
}
#affectDiv select,
.affectUserInput {
width: 49%;
}
.renameProject,
.newMember {
order: 1;
......@@ -413,14 +420,16 @@ export default {
form {
display: flex;
flex-grow: 1;
input[type="text"] {
input[type='text'] {
flex-grow: 1;
}
}
}
.exportItem {
z-index: 0;
}
h3 {
display: flex;
margin-bottom: 20px;
......
......@@ -503,42 +503,52 @@ export default {
}
</script>
<style scoped>
.shareInput {
width: 100%;
}
.shareWithList {
margin-bottom: 20px;
}
.shareWithList li {
display: flex;
align-items: center;
}
.username {
padding: 12px 9px;
flex-grow: 1;
}
.project-owner-label {
opacity: .7;
}
.avatarLabel {
padding: 6px
}
.avatardiv {
background-color: #f5f5f5;
border-radius: 16px;
width: 32px;
height: 32px;
}
#newPasswordForm div {
width: 48%;
display: inline-block;
}
#newPasswordForm label {
text-align: center;
display: inline-block;
width: 48%;
}
.avatardiv.icon-public-white {
background-color: var(--color-primary);
}
.shareInput {
width: 100%;
}
.shareWithList {
margin-bottom: 20px;
}
.shareWithList li {
display: flex;
align-items: center;
}
.username {
padding: 12px 9px;
flex-grow: 1;
}
.project-owner-label {
opacity: .7;
}
.avatarLabel {
padding: 6px
}
.avatardiv {
background-color: #f5f5f5;
border-radius: 16px;
width: 32px;
height: 32px;
}
#newPasswordForm div {
width: 48%;
display: inline-block;
}
#newPasswordForm label {
text-align: center;
display: inline-block;
width: 48%;
}
.avatardiv.icon-public-white {
background-color: var(--color-primary);
}
</style>
......@@ -167,6 +167,3 @@ export default {
},
}
</script>
<style scoped lang="scss">
</style>
......@@ -162,6 +162,3 @@ export default {
},
}
</script>
<style scoped lang="scss">
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment