Merge pull request #1 from senthil090/Develop-Alpha-02

senthil090 · web-flow · commit c1c649306a4e · 2017-09-12T20:09:05.000+05:30
Develop 0.0.1-Alpha 02 (12/09/2017)
diff --git a/angular-mobile-select.css b/angular-mobile-select.css
@@ -3,13 +3,17 @@
 	height: 40px;
 	margin-top: 10px;
 	border-bottom: 2px solid #757575;
+	font-family: Arial, Helvetica, sans-serif;
 }
 .ngm-select-floating-label{
 	position: relative;
     left: 0px;
     font-size: 12px;
     visibility:hidden;
 }
+.ngm-select-active-float-label{
+	color: #2979FF;
+}
 .ngm-select-selected-item{
 	cursor: pointer;
 }
@@ -27,14 +31,15 @@
 }
 .ngm-select-load-header{
 	padding: 10px;
-	background: #6200EA;
+	background: #2979FF;
 	font-size: 16px;
 	color: #FFF;
 	z-index: 999;
+	text-align: center;
 }
 
 .ngm-select-load-list-container{
-	max-height: 300px;
+	max-height: 250px;
 	overflow: auto;
 	z-index: 999;
 	background:#FFF;
@@ -45,7 +50,7 @@
 }
 .ngm-select-input-bottom
 {
-border-bottom: 2px solid #6200EA;
+border-bottom: 2px solid #2979FF;
 }
 .ngm-select-backdrop{
 	position: fixed;
diff --git a/angular-mobile-select.js b/angular-mobile-select.js
@@ -19,7 +19,7 @@
    		scope: { placeholder: "@", list: "=", selected: "=", property: "@" },
  		template: '<div class="ngm-select" ng-class="{\'ngm-select-input-bottom\':isDropped}">'+
    					'<div class="ngm-select-placeholder">'+
-   						'<span class="ngm-select-floating-label" ng-class ="{\'ngm-select-float-label\': selected[property] || selected}">{{placeholder}}</span>'+
+   						'<span class="ngm-select-floating-label" ng-class ="{\'ngm-select-float-label\': selected[property] || selected , \'ngm-select-active-float-label\': isDropped}">{{placeholder}}</span>'+
    					'</div>'+
    					'<div class="ngm-select-selected-item" ng-click="open()">'+
    						'{{selected[property] || selected || placeholder}}'+
diff --git a/demo/index.html b/demo/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>Demo Angular Mobile Select</title>
+	 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />
 	<script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
 	<script type="text/javascript" src="../bower_components/angular-animate/angular-animate.min.js"></script>
 	<script type="text/javascript" src="../bower_components/jquery/dist/jquery.min.js"></script>
diff --git a/package.json b/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "angular-mobile-select",
+  "version": "0.0.1-Alpha-01",
+  "description": "Keyboard like mobile select dropdown with angulat",
+  "main": "angular-mobile-select.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/senthil090/angular-mobile-select.git"
+  },
+  "keywords": [
+    "select",
+    "dropdown",
+    "angular"
+  ],
+  "author": "Senthilkumar S",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/senthil090/angular-mobile-select/issues"
+  },
+  "homepage": "https://github.com/senthil090/angular-mobile-select#readme",
+  "dependencies": {
+     "angular": "angularjs#^1.6.6",
+    "jquery": "^3.2.1",
+    "angular-animate": "^1.6.6"
+   }
+}

Original file line number	Diff line number	Diff line change
`@@ -3,13 +3,17 @@`
`3`	`3`	`height: 40px;`
`4`	`4`	`margin-top: 10px;`
`5`	`5`	`border-bottom: 2px solid #757575;`
	`6`	`+ font-family: Arial, Helvetica, sans-serif;`
`6`	`7`	`}`
`7`	`8`	`.ngm-select-floating-label{`
`8`	`9`	`position: relative;`
`9`	`10`	`left: 0px;`
`10`	`11`	`font-size: 12px;`
`11`	`12`	`visibility:hidden;`
`12`	`13`	`}`
	`14`	`+.ngm-select-active-float-label{`
	`15`	`+ color: #2979FF;`
	`16`	`+}`
`13`	`17`	`.ngm-select-selected-item{`
`14`	`18`	`cursor: pointer;`
`15`	`19`	`}`
`@@ -27,14 +31,15 @@`
`27`	`31`	`}`
`28`	`32`	`.ngm-select-load-header{`
`29`	`33`	`padding: 10px;`
`30`		`- background: #6200EA;`
	`34`	`+ background: #2979FF;`
`31`	`35`	`font-size: 16px;`
`32`	`36`	`color: #FFF;`
`33`	`37`	`z-index: 999;`
	`38`	`+ text-align: center;`
`34`	`39`	`}`
`35`	`40`
`36`	`41`	`.ngm-select-load-list-container{`
`37`		`- max-height: 300px;`
	`42`	`+ max-height: 250px;`
`38`	`43`	`overflow: auto;`
`39`	`44`	`z-index: 999;`
`40`	`45`	`background:#FFF;`
`@@ -45,7 +50,7 @@`
`45`	`50`	`}`
`46`	`51`	`.ngm-select-input-bottom`
`47`	`52`	`{`
`48`		`-border-bottom: 2px solid #6200EA;`
	`53`	`+border-bottom: 2px solid #2979FF;`
`49`	`54`	`}`
`50`	`55`	`.ngm-select-backdrop{`
`51`	`56`	`position: fixed;`