Move style inside the template

vaadin · Mar 27, 2017 · ea7cbd2 · ea7cbd2
1 parent cad4c5d
commit ea7cbd2
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/vaadin-grid.html b/vaadin-grid.html
@@ -208,28 +208,28 @@
 <link rel="import" href="vaadin-grid-column-reordering-behavior.html">
 
 <dom-module id="vaadin-grid">
-  <style>
-    :host {
-      display: block;
-      height: 400px;
-      background: var(--primary-background-color, #fff);
-      box-sizing: border-box;
-      border: 1px solid var(--divider-color, rgba(0, 0, 0, 0.08));
-
-      -webkit-tap-highlight-color: transparent;
-    }
+  <template>
+    <style>
+      :host {
+        display: block;
+        height: 400px;
+        background: var(--primary-background-color, #fff);
+        box-sizing: border-box;
+        border: 1px solid var(--divider-color, rgba(0, 0, 0, 0.08));
+
+        -webkit-tap-highlight-color: transparent;
+      }
 
-    :host(:focus) {
-      outline: none;
-    }
+      :host(:focus) {
+        outline: none;
+      }
 
-    #scroller {
-      height: 100%;
-      width: 100%;
-    }
+      #scroller {
+        height: 100%;
+        width: 100%;
+      }
+    </style>
 
-  </style>
-  <template>
     <vaadin-grid-table id="scroller" loading$=[[_loading]] bind-data="[[_bindData]]" size="[[size]]"
         column-tree="[[_columnTree]]" content-target="[[_getContentTarget()]]"
         row-details-template="[[_rowDetailsTemplate]]" column-reordering-allowed="[[columnReorderingAllowed]]">