rtl implementation fix (#1170)

vogtn · web-flow · commit 8d13dd1d78f1 · 2021-05-19T21:39:49.000-07:00
diff --git a/stories/components/agenda/agenda.a.js b/stories/components/agenda/agenda.a.js
@@ -32,6 +32,7 @@ export const events = () => html`
 `;
 
 export const RTL = () => html`
-  <mgt-agenda dir="rtl"></mgt-agenda>
+  <body dir="rtl">
+   <mgt-agenda></mgt-agenda>
+  </body>
 `;
-
diff --git a/stories/components/file/file.a.js b/stories/components/file/file.a.js
@@ -18,9 +18,10 @@ export const file = () => html`
   <mgt-file file-query="/me/drive/items/01BYE5RZZFWGWWVNHHKVHYXE3OUJHGWCT2"></mgt-file>
 `;
 
-
 export const RTL = () => html`
-  <mgt-file file-query="/me/drive/items/01BYE5RZZFWGWWVNHHKVHYXE3OUJHGWCT2" dir="rtl"></mgt-file>
+  <body dir="rtl">
+    <mgt-file file-query="/me/drive/items/01BYE5RZZFWGWWVNHHKVHYXE3OUJHGWCT2"></mgt-file>
+  </body>
 `;
 
 export const localization = () => html`
diff --git a/stories/components/fileList/fileList.a.js b/stories/components/fileList/fileList.a.js
@@ -19,7 +19,9 @@ export const fileList = () => html`
 `;
 
 export const RTL = () => html`
-  <mgt-file-list dir="rtl"></mgt-file-list>
+  <body dir="rtl">
+    <mgt-file-list></mgt-file-list>
+  </body>
 `;
 
 export const localization = () => html`
@@ -61,8 +63,6 @@ export const events = () => html`
   </style>
 `;
 
-
-
 export const openFolderBreadcrumbs = () => html`
     <style>
       body {
diff --git a/stories/components/login/login.stories.js b/stories/components/login/login.stories.js
@@ -47,7 +47,9 @@ export const Templates = () => html`
 `;
 
 export const RTL = () => html`
-  <mgt-login dir="RTL"></mgt-login>
+  <body dir="rtl">
+    <mgt-login></mgt-login>
+  </body>
 `;
 
 export const Events = () => html`
diff --git a/stories/components/people/people.a.js b/stories/components/people/people.a.js
@@ -19,5 +19,7 @@ export const People = () => html`
 `;
 
 export const RTL = () => html`
-  <mgt-people show-max="5" dir="RTL"></mgt-people>
+  <body dir="rtl">
+    <mgt-people show-max="5"></mgt-people>
+  </body>
 `;
diff --git a/stories/components/person/person.js b/stories/components/person/person.js
@@ -59,5 +59,7 @@ export const events = () => html`
 `;
 
 export const RTL = () => html`
-  <mgt-person person-query="me" view="twoLines" dir="RTL"></mgt-person>
+  <body dir="rtl">
+    <mgt-person person-query="me" view="twoLines"></mgt-person>
+  </body>
 `;
