fix mobileBreakpoint doesn't work #9

tiberiuzuld · Mar 24, 2017 · 8032e13 · 8032e13
1 parent 0eb7319
commit 8032e13
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 13 deletions.
diff --git a/dist/gridster.css b/dist/gridster.css
@@ -7,27 +7,28 @@
   -webkit-user-select: none;
 }
 
-:host.fit {
+:host(.fit) {
   overflow-x: hidden;
   overflow-y: hidden;
 }
 
-:host.scrollVertical {
+:host(.scrollVertical) {
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-:host.scrollHorizontal {
+:host(.scrollHorizontal) {
   overflow-x: auto;
   overflow-y: hidden;
 }
 
-:host.mobile {
+:host(.mobile) {
   overflow-x: hidden;
   overflow-y: auto;
+  display: block;
 }
 
-:host.mobile gridster-item {
+:host(.mobile) /deep/ gridster-item {
   position: relative;
 }
 

diff --git a/lib/gridster.css b/lib/gridster.css
@@ -7,27 +7,28 @@
   -webkit-user-select: none;
 }
 
-:host.fit {
+:host(.fit) {
   overflow-x: hidden;
   overflow-y: hidden;
 }
 
-:host.scrollVertical {
+:host(.scrollVertical) {
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-:host.scrollHorizontal {
+:host(.scrollHorizontal) {
   overflow-x: auto;
   overflow-y: hidden;
 }
 
-:host.mobile {
+:host(.mobile) {
   overflow-x: hidden;
   overflow-y: auto;
+  display: block;
 }
 
-:host.mobile gridster-item {
+:host(.mobile) /deep/ gridster-item {
   position: relative;
 }
 

diff --git a/lib/index.ts b/lib/index.ts
@@ -0,0 +1,4 @@
+export * from './gridster.component';
+export * from './gridsterItem.component';
+export * from './gridsterConfig.interface';
+export * from './gridster.module';
diff --git a/package.json b/package.json
@@ -1,11 +1,12 @@
 {
   "name": "angular-gridster2",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "license": "MIT",
   "main": "dist/gridster.module.js",
   "jsnext:main": "dist/gridster.module.js",
   "module": "dist/gridster.module.js",
   "types": "dist/gridster.module.d.ts",
+  "typings": "dist/gridster.module.d.ts",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -40,7 +41,8 @@
     "Tiberiu Zuld"
   ],
   "files": [
-    "dist/*"
+    "dist/*",
+    "lib/*"
   ],
   "dependencies": {
     "@angular/common": ">2.4.0",

diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -9,8 +9,19 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  justify-content: space-around;
   flex: 1 auto;
+  flex-wrap: wrap;
+  width: 100%;
+  height: 100%;
+}
+
+:host /deep/ .mat-toolbar-row {
+  height: initial !important;
+}
+
+md-toolbar {
+  flex: 0 0 auto;
 }
 
 gridster-item div.button-holder {