From af0ef4c190f3967d2def0c65cc3a1fce4511044e Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Tue, 27 Sep 2022 12:25:56 +0530 Subject: added shipping address functionality to /manage/clients page --- src/components/editors/scss/_colors.scss | 26 +++++++++++++++++++++++++ src/components/editors/scss/address-editor.scss | 20 +++++++++++++++++++ src/components/editors/scss/client-editor.scss | 7 +++++++ src/components/editors/scss/colors.scss | 24 ----------------------- 4 files changed, 53 insertions(+), 24 deletions(-) create mode 100644 src/components/editors/scss/_colors.scss delete mode 100644 src/components/editors/scss/colors.scss (limited to 'src/components/editors/scss') diff --git a/src/components/editors/scss/_colors.scss b/src/components/editors/scss/_colors.scss new file mode 100644 index 0000000..994dcf7 --- /dev/null +++ b/src/components/editors/scss/_colors.scss @@ -0,0 +1,26 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +$primaryAccentColor: #bd93f9; +$secondaryAccentColor: #d0afff; + +$fgColor: white; +$fgColorAlt: black; + +$inputBackgroundColor: #00000000; + +$warningColor: #ed4683; diff --git a/src/components/editors/scss/address-editor.scss b/src/components/editors/scss/address-editor.scss index 49b0a0a..50db4a9 100644 --- a/src/components/editors/scss/address-editor.scss +++ b/src/components/editors/scss/address-editor.scss @@ -20,6 +20,8 @@ .address-editor { min-height: 18rem; + position: relative; + .heading { font-size: 1.1rem; color: $primaryAccentColor; @@ -27,6 +29,20 @@ align: center; } + .remove-button { + opacity: 0; + position: absolute; + font-size: 2rem; + top: 0.8rem; + right: 1rem; + color: $secondaryAccentColor; + transition: opacity 0.2s, color 0.3s; + } + + .remove-button:hover { + color: $warningColor; + } + .checkbox-label { border: none; max-width: none; @@ -63,3 +79,7 @@ } } } + +.address-editor:hover .remove-button { + opacity: 1; +} diff --git a/src/components/editors/scss/client-editor.scss b/src/components/editors/scss/client-editor.scss index 52b7189..30919fd 100644 --- a/src/components/editors/scss/client-editor.scss +++ b/src/components/editors/scss/client-editor.scss @@ -25,4 +25,11 @@ display: flex; justify-content: space-around; } + + .buttons.wide { + width: 24.5rem; + input.wide-button { + width: 11rem; + } + } } diff --git a/src/components/editors/scss/colors.scss b/src/components/editors/scss/colors.scss deleted file mode 100644 index 4e5b1c2..0000000 --- a/src/components/editors/scss/colors.scss +++ /dev/null @@ -1,24 +0,0 @@ -/* OpenBills-web - Web based libre billing software - * Copyright (C) 2022 Vidhu Kant Sharma - - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - - * You should have received a copy of the GNU General Public License - * along with this program. If not, see . - */ - -$primaryAccentColor: #bd93f9; -$secondaryAccentColor: #d0afff; - -$fgColor: white; -$fgColorAlt: black; - -$inputBackgroundColor: #00000000; -- cgit v1.2.3