fix gl-panel

9lon · Nov 4, 2016 · 298f708 · 298f708
1 parent 81af5d9
commit 298f708
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -142,4 +142,23 @@ Example
      </tbody>
  </table>
 ```
+### วิธีใช้งาน gl-table
+import ไฟล์ gl-table ในหน้าที่่ต้องการ
+```
+<style is="custom-style" include="gl-panel"></style>
+```
+![alt text](http://i.imgur.com/JN7xA5R.png "gl-panel")
+
+Example
+
+```
+<div class="gl-panel-default">
+    <div class="gl-panel-default-header">
+        Header
+    </div>
+    <div class="gl-panel-default-content">
+        content
+    </div>
+</div>
+```
 
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "gl-styles",
   "description": "gl-style for web components",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "main": "gl-color.html",
   "dependencies": {
     "polymer": "Polymer/polymer#^1.4.0"

diff --git a/gl-panel.html b/gl-panel.html
@@ -2,17 +2,17 @@
 <dom-module id="gl-panel">
     <template>
         <style>
-            .gl-panel-default {
+            div.gl-panel-default {
 				border: 1px solid #ddd;
 			}
-            .gl-panel-default-header{
+            div.gl-panel-default > div.gl-panel-default-header{
                 background-color: orange;
 				padding: 8px 10px 8px 10px;
 				color: white;
 				font-size: 18px;
 				text-align: left;
             }
-            .gl-panel-default-content{
+            div.gl-panel-default > div.gl-panel-default-content{
                 padding: 20px;
             }
         </style>