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/address-editor.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'src/components/editors/scss/address-editor.scss') 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; +} -- cgit v1.2.3