Add support for LTR / RTL css styling

anbiniyar · anbiniyar · commit df0e26b6032b · 2017-05-17T14:40:33.000-07:00
diff --git a/README.md b/README.md
@@ -1,63 +1,2 @@
-# OneNotePicker-JS
-A JavaScript UI component that allows a user to choose one of their Notebook Sections
-For example, this is consumed in https://github.com/OneNoteDev/WebClipper
-
-## Setup
-### 1. Install npm -- https://nodejs.org/en/download/
-
-### 2. Install gulp globally:
-```sh
-$ npm install --global gulp
-```
-(Note: on windows, you also need to add "%appdata%\npm" to your PATH)
-
-### 3. Install the OneNotePicker packages
-From the root of this project, run:
-```sh
-$ npm install
-```
-
-### 4. Setup the other dependencies
-From the root of this project, run:
-```sh
-$ gulp setup
-```
-
-### 5. Build and Test
-Now just run:
-```sh
-$ gulp
-```
-
-## Congratulations!
-At this point you should see the tests passing, and see the packaged code in the `target` folder
-
-
-### Other Gulp shortcuts
-#### Gulp clean
-```sh
-$ gulp clean
-```
-Removes all of the generated files from `build`, and uninstalls anything done in `setup`
-
-#### Gulp setup
-```sh
-$ gulp setup
-```
-Installs the d.ts files and links the non-published npm packages
-
-#### Gulp build
-```sh
-$ gulp build
-```
-(Note: this is currently the default command when you run `gulp`)
-The command you will use the most often when making code changes:
- - Compiles LESS and TypeScript into /build
- - Bundles the JavaScript modules together into /bundle
- - Exports all the needed files to /target
-
-#### Gulp runTests
-```sh
-$ gulp runTests
-```
-Run all of the unit tests on the command line
+# Notes
+* `dir` tag must be specified on body for this library to work
diff --git a/package.json b/package.json
@@ -43,6 +43,7 @@
     "postcss-import": "^10.0.0",
     "postcss-loader": "^2.0.5",
     "postcss-reporter": "^3.0.0",
+    "postcss-rtl": "^0.5.9",
     "postcss-url": "^6.1.0",
     "react-addons-test-utils": "^15.5.1",
     "react-dev-utils": "^0.5.2",
diff --git a/postcss.config.js b/postcss.config.js
@@ -4,5 +4,6 @@ module.exports = {
 		'postcss-cssnext': {
 			browsers: ['last 2 versions', '> 5%'],
 		},
+		'postcss-rtl': {}
 	},
 };
diff --git a/sampleapp/index.html b/sampleapp/index.html
@@ -6,7 +6,7 @@
 		<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/4.1.0/css/fabric.min.css">
 		<link rel="stylesheet" href="dist/onenotepicker.css">
 	</head>
-	<body style="min-height:100%">
+	<body style="min-height:100%" dir="ltr">
 		<div id="oneNotePicker" style="width:350px;height:350px;margin:50px;overflow-y:scroll"></div>
 		<script src="dist/sample.js"></script>
 	</body>
