fix(demo): improved the style usage

textAngular · Sep 28, 2016 · 58f7f8d · 58f7f8d
1 parent c10a6b1
commit 58f7f8d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/demo/demo.html b/src/demo/demo.html
@@ -9,16 +9,12 @@
     <link rel='stylesheet' href='../bower_components/font-awesome/css/font-awesome.css'>
     <link rel="stylesheet" href="http://textangular.com/dist/textAngular.css" type="text/css">
     <style>
-    .ta-editor {
-        min-height: 300px;
-        height: auto;
-        overflow: auto;
-        font-family: inherit;
-        font-size: 100%;
-    }
-    h1 small {
-        font-size: 60%;
-    }
+        h1 small {
+            font-size: 60%;
+        }
+        textarea.ta-bind {
+            width: 100%;
+        }
     </style>
 
     <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js'></script>

diff --git a/src/demo/textAngular.com.html b/src/demo/textAngular.com.html
@@ -20,6 +20,12 @@
     <link rel="stylesheet" href="http://textangular.com/dist/textAngular.css" type="text/css">
     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js" type="text/javascript"></script>
     <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js'></script>
+    <style>
+        textarea.ta-bind {
+            width: 100%;
+        }
+    </style>
+
     <!-- enable this section or the non-minimized section below -->
     <% js.forEach(function(each){ %>
     <script src='../<%= each %>'></script>