diff --git a/src/app/components/left-side-bar/left-side-bar.component.html b/src/app/components/left-side-bar/left-side-bar.component.html index 6cbc51a7..e12617ff 100644 --- a/src/app/components/left-side-bar/left-side-bar.component.html +++ b/src/app/components/left-side-bar/left-side-bar.component.html @@ -18,6 +18,7 @@ [cdkDropListData]="accounts" (cdkDropListDropped)="onDrop($event)">
+
diff --git a/src/app/components/left-side-bar/left-side-bar.component.scss b/src/app/components/left-side-bar/left-side-bar.component.scss index ed19c5b0..b8b8f89e 100644 --- a/src/app/components/left-side-bar/left-side-bar.component.scss +++ b/src/app/components/left-side-bar/left-side-bar.component.scss @@ -84,13 +84,36 @@ $height-button: 40px; // color: cornflowerblue; } + +$draggable-accent-color: #47e927; +// $draggable-accent-color: #a8ff97; .draggable { width: 40px; height: 40px; margin: auto; margin-bottom: 5px; + border: 2px solid #df0adf; + border: 2px solid $draggable-accent-color; + border-radius: 2px; + + position: relative; + &__avatar { width: calc(100%); + opacity: .8; + } + + &__icon { + position: absolute; + + float: left; + z-index: 5; + color:$draggable-accent-color; + + top: 6px; + left: 12px; + + font-size: 18px; } } \ No newline at end of file diff --git a/src/app/components/left-side-bar/left-side-bar.component.ts b/src/app/components/left-side-bar/left-side-bar.component.ts index fbe5d8bd..edecc8ef 100644 --- a/src/app/components/left-side-bar/left-side-bar.component.ts +++ b/src/app/components/left-side-bar/left-side-bar.component.ts @@ -2,7 +2,7 @@ import { Component, OnInit, OnDestroy } from "@angular/core"; import { CdkDragDrop, moveItemInArray } from "@angular/cdk/drag-drop"; import { Subscription, Observable } from "rxjs"; import { Store } from "@ngxs/store"; -import { faPlus, faCog, faSearch } from "@fortawesome/free-solid-svg-icons"; +import { faPlus, faCog, faSearch, faArrowsAltV } from "@fortawesome/free-solid-svg-icons"; import { faCommentAlt, faCalendarAlt } from "@fortawesome/free-regular-svg-icons"; import { HotkeysService, Hotkey } from 'angular2-hotkeys'; @@ -25,6 +25,7 @@ export class LeftSideBarComponent implements OnInit, OnDestroy { faPlus = faPlus; faCog = faCog; faCalendarAlt = faCalendarAlt; + faArrowsAltV = faArrowsAltV; accounts: AccountWithNotificationWrapper[] = []; hasAccounts: boolean;