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 4a3c39dc..cf4c6971 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
@@ -27,19 +27,19 @@
-
-
-
+
+
+
Say hi!
-
+
Bye, {{item?.name}}
-
+
\ No newline at end of file
diff --git a/src/app/components/stream/status/action-bar/action-bar.component.scss b/src/app/components/stream/status/action-bar/action-bar.component.scss
index 5f28824f..213145aa 100644
--- a/src/app/components/stream/status/action-bar/action-bar.component.scss
+++ b/src/app/components/stream/status/action-bar/action-bar.component.scss
@@ -1,8 +1,9 @@
@import "variables";
+@import "context-menu";
.action-bar {
// outline: 1px solid greenyellow; // height: 20px;
- margin: 5px 10px 5px $avatar-column-space;
+ margin: 5px 0px 5px $avatar-column-space;
padding: 0;
font-size: 18px;
height: 30px;
@@ -41,14 +42,12 @@
font-size: 22px;
}
-
-
-
- // &--more {
- // position: absolute;
- // left: 155px;
- // bottom: -6px;
- // }
+ &--more {
+ position: absolute;
+ right: -5px;
+ // left: 155px;
+ bottom: -2px;
+ }
}
&__lock {
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 ee8852cd..848c9866 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
@@ -12,7 +12,7 @@ import { ToolsService } from '../../../../services/tools.service';
import { NotificationService } from '../../../../services/notification.service';
import { StatusWrapper } from '../../../../models/common.model';
-import { ContextMenuComponent } from 'ngx-contextmenu';
+import { ContextMenuComponent, ContextMenuService } from 'ngx-contextmenu';
@Component({
selector: 'app-action-bar',
@@ -59,6 +59,7 @@ export class ActionBarComponent implements OnInit, OnDestroy {
private accountSub: Subscription;
constructor(
+ private contextMenuService: ContextMenuService,
private readonly store: Store,
private readonly toolsService: ToolsService,
private readonly mastodonService: MastodonService,
@@ -220,4 +221,15 @@ export class ActionBarComponent implements OnInit, OnDestroy {
console.warn('more'); //TODO
return false;
}
+
+ 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,
+ });
+ $event.preventDefault();
+ $event.stopPropagation();
+ }
}
diff --git a/src/index.html b/src/index.html
index 773a51e0..3eacfd2f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,7 +9,7 @@
-
+