fix(css): inline CSS in the component

Riron · Aug 12, 2016 · 7371ac2 · 7371ac2
1 parent 9da74eb
commit 7371ac2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "main": "ionic-img-viewer.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublish": "tsc && node-sass ./src/image-viewer.scss ./src/image-viewer.css"
+    "prepublish": "tsc && node ./scripts"
   },
   "typings": "./ionic-img-viewer.d.ts",
   "repository": {
@@ -33,6 +33,7 @@
     "zone.js": "^0.6.12"
   },
   "devDependencies": {
+    "clean-css": "^3.4.19",
     "node-sass": "^3.8.0",
     "typescript": "^1.8.10",
     "typings": "^1.3.2"

diff --git a/src/image-viewer.component.ts b/src/image-viewer.component.ts
@@ -26,7 +26,7 @@ const DOUBLE_TAP_INTERVAL = 300;
 			</div>
 		</div>
 	`,
-	styleUrls: ['image-viewer.css']
+	styles: ['$IONIC_STYLE_HACK']
 })
 export class ImageViewerComponent extends Ion implements OnInit, OnDestroy {
 	private d: {cssClass: string};

diff --git a/src/image-viewer.scss b/src/image-viewer.scss
@@ -1,4 +1,4 @@
-image-viewer {
+:host {
 	position: absolute;
 	top: 0;
 	right: 0;