fix overflow menu positioning in tables

Author: cal-smith

src/dialog/overflow-menu/overflow-menu.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input } from "@angular/core";
+import { Component, ElementRef, Input, ViewEncapsulation } from "@angular/core";
 import { I18n } from "./../../i18n/i18n.module";
 
 /**
@@ -40,7 +40,20 @@ import { I18n } from "./../../i18n/i18n.module";
 		.bx--overflow-menu--open {
 			opacity: 1
 		}
-	`]
+
+		/*
+		rotate the overflow menu container as well as the icon.
+		Since we calclate our menu position based on the container, not the icon
+		*/
+		.bx--data-table-v2 .bx--overflow-menu {
+			transform: rotate(90deg);
+		}
+
+		.bx--data-table-v2 .bx--overflow-menu__icon {
+			transform: rotate(180deg);
+		}
+	`],
+	encapsulation: ViewEncapsulation.None
 })
 export class OverflowMenu {