diff --git a/src/app/components/stream/status/action-bar/action-bar.component.html b/src/app/components/stream/status/action-bar/action-bar.component.html index cf4c6971..b1c7d8f0 100644 --- a/src/app/components/stream/status/action-bar/action-bar.component.html +++ b/src/app/components/stream/status/action-bar/action-bar.component.html @@ -4,16 +4,16 @@ - + - + @@ -27,19 +27,33 @@ - - + + - - Say hi! + + Expand status - - - Bye, {{item?.name}} + + Copy link to status - - + \ No newline at end of file diff --git a/src/app/components/stream/status/action-bar/action-bar.component.ts b/src/app/components/stream/status/action-bar/action-bar.component.ts index 848c9866..838fa102 100644 --- a/src/app/components/stream/status/action-bar/action-bar.component.ts +++ b/src/app/components/stream/status/action-bar/action-bar.component.ts @@ -72,13 +72,13 @@ export class ActionBarComponent implements OnInit, OnDestroy { const status = this.statusWrapper.status; const account = this.statusWrapper.provider; - if(status.reblog){ + if (status.reblog) { this.favoriteStatePerAccountId[account.id] = status.reblog.favourited; this.bootedStatePerAccountId[account.id] = status.reblog.reblogged; } else { this.favoriteStatePerAccountId[account.id] = status.favourited; this.bootedStatePerAccountId[account.id] = status.reblogged; - } + } this.accountSub = this.accounts$.subscribe((accounts: AccountInfo[]) => { this.checkStatus(accounts); @@ -133,7 +133,7 @@ export class ActionBarComponent implements OnInit, OnDestroy { } boost(): boolean { - if(this.boostIsLoading) return; + if (this.boostIsLoading) return; this.boostIsLoading = true; const account = this.toolsService.getSelectedAccounts()[0]; @@ -149,12 +149,12 @@ export class ActionBarComponent implements OnInit, OnDestroy { } }) .then((boostedStatus: Status) => { - if(boostedStatus.pleroma){ + if (boostedStatus.pleroma) { this.bootedStatePerAccountId[account.id] = boostedStatus.reblog !== null; //FIXME: when Pleroma will return the good status } else { this.bootedStatePerAccountId[account.id] = boostedStatus.reblogged; - } - + } + this.checkIfBoosted(); }) .catch((err: HttpErrorResponse) => { @@ -168,7 +168,7 @@ export class ActionBarComponent implements OnInit, OnDestroy { } favorite(): boolean { - if(this.favoriteIsLoading) return; + if (this.favoriteIsLoading) return; this.favoriteIsLoading = true; const account = this.toolsService.getSelectedAccounts()[0]; @@ -224,12 +224,43 @@ export class ActionBarComponent implements OnInit, OnDestroy { public onContextMenu($event: MouseEvent, item: any): void { this.contextMenuService.show.next({ - // Optional - if unspecified, all context menu components will open - contextMenu: this.basicMenu, - event: $event, - item: item, + // Optional - if unspecified, all context menu components will open + contextMenu: this.basicMenu, + event: $event, + item: item, }); $event.preventDefault(); $event.stopPropagation(); - } + } + + expandStatus(): boolean { + + return false; + } + + copyStatusLink(): boolean { + + return false; + } + + mentionAccount(): boolean { + + return false; + } + + dmAccount(): boolean { + + return false; + } + + muteAccount(): boolean { + + return false; + } + + blockAccount(): boolean { + + return false; + } + } diff --git a/src/sass/_context-menu.scss b/src/sass/_context-menu.scss index 6ee23d19..8f0c538f 100644 --- a/src/sass/_context-menu.scss +++ b/src/sass/_context-menu.scss @@ -3,8 +3,8 @@ & .dropdown-menu { border: solid 1px $context-menu-border-color; background-color: $context-menu-background; - padding: 3px 0; - border-radius: 3px; + padding: 2px 0; + border-radius: 2px; //border: solid 2px $context-menu-border-color; } @@ -23,7 +23,7 @@ color: $context-menu-font-color; display: block; padding: 0.5em 1em; - padding: 5px 10px; + padding: 3px 10px; text-decoration: none; transition: all .2s; @@ -33,4 +33,8 @@ text-decoration: none; } } + + & .divider { + border-top: solid 2px $context-menu-border-color; + } } \ No newline at end of file