From 1556dbb1b12964d138c8ac04248dd99db1b73452 Mon Sep 17 00:00:00 2001
From: Jessica <jessica@Absolventas-MacBook-Pro.local>
Date: Wed, 29 Aug 2018 16:27:39 +0200
Subject: fixed cursor on delete icon, started on loading spinner

---
 css/settings/settings-addressbook-sharee.scss |  2 +-
 css/settings/settings-addressbook-shares.scss | 60 +++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 1 deletion(-)

(limited to 'css')

diff --git a/css/settings/settings-addressbook-sharee.scss b/css/settings/settings-addressbook-sharee.scss
index d11a5b6a..e334830e 100644
--- a/css/settings/settings-addressbook-sharee.scss
+++ b/css/settings/settings-addressbook-sharee.scss
@@ -21,7 +21,7 @@
  *
  */
 
-.addressbook__sharee {
+.addressbook-sharee {
 	padding: 0 5px;
 	display: inline-flex;
 	align-items: center;
diff --git a/css/settings/settings-addressbook-shares.scss b/css/settings/settings-addressbook-shares.scss
index 917a87a4..c2bf75e0 100644
--- a/css/settings/settings-addressbook-shares.scss
+++ b/css/settings/settings-addressbook-shares.scss
@@ -34,6 +34,66 @@
 	}
 	.multiselect.multiselect-vue {
 		width: inherit;
+		.multiselect__spinner {
+			position: absolute;
+			right: 1px;
+			top: 1px;
+			width: 48px;
+			height: 35px;
+			background: #fff;
+			display: block
+		}
+		
+		.multiselect__spinner:after,
+		.multiselect__spinner:before {
+			position: absolute;
+			content: "";
+			top: 50%;
+			left: 50%;
+			margin: -8px 0 0 -8px;
+			width: 16px;
+			height: 16px;
+			border-radius: 100%;
+			border-color: #41b883 transparent transparent;
+			border-style: solid;
+			border-width: 2px;
+			box-shadow: 0 0 0 1px transparent
+		}
+		
+		.multiselect__spinner:before {
+			animation: a 2.4s cubic-bezier(.41, .26, .2, .62);
+			animation-iteration-count: infinite
+		}
+		
+		.multiselect__spinner:after {
+			animation: a 2.4s cubic-bezier(.51, .09, .21, .8);
+			animation-iteration-count: infinite
+		}
+		
+		.multiselect__loading-enter-active,
+		.multiselect__loading-leave-active {
+			transition: opacity .4s ease-in-out;
+			opacity: 1
+		}
+		
+		.multiselect__loading-enter,
+		.multiselect__loading-leave-active {
+			opacity: 0
+		}
+
+		[dir=rtl] .multiselect__spinner {
+			right: auto;
+			left: 1px
+		}
+		
+		@keyframes a {
+			0% {
+				transform: rotate(0)
+			}
+			to {
+				transform: rotate(2turn)
+			}
+		}
 
 		.multiselect__tags:focus-within, 
 		.multiselect__tags:hover {
-- 
cgit v1.2.3