diff options
author | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-08-29 16:27:39 +0200 |
---|---|---|
committer | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-08-29 16:27:39 +0200 |
commit | 1556dbb1b12964d138c8ac04248dd99db1b73452 (patch) | |
tree | 0b7a06a0ddfcf05138ab2d2f2f29dd4cd2112764 /css | |
parent | 025edcf0397944d4b4c902597a0864c8ea7fbfaa (diff) |
fixed cursor on delete icon, started on loading spinner
Diffstat (limited to 'css')
-rw-r--r-- | css/settings/settings-addressbook-sharee.scss | 2 | ||||
-rw-r--r-- | css/settings/settings-addressbook-shares.scss | 60 |
2 files changed, 61 insertions, 1 deletions
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 { |