power.skia.org - Move to using app-sk.

Bug: skia: Change-Id: I3096a4681ad18c9a26f86754cb026de3ea5a4b07 Reviewed-on: https://skia-review.googlesource.com/c/177022 Reviewed-by: Kevin Lubick <[email protected]> Commit-Queue: Joe Gregorio <[email protected]>
rmistry · Dec 12, 2018 · b516c1a · b516c1a
1 parent eb81fbb
commit b516c1a
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 24 deletions.
diff --git a/power/modules/power-index-sk/power-index-sk.js b/power/modules/power-index-sk/power-index-sk.js
@@ -1,3 +1,4 @@
+import 'infra-sk/modules/app-sk'
 import 'elements-sk/error-toast-sk'
 import { errorMessage } from 'elements-sk/errorMessage'
 
@@ -11,16 +12,18 @@ const UPDATE_INTERVAL_MS = 60000;
 
 // Main template for this element
 const template = (ele) => html`
-<header>Power Controller</header>
-
-<main>
-  <h1>Broken Bots (with powercycle support)</h1>
-
-  ${downBotsTable(ele._bots, ele._hosts)}
-</main>
-<footer>
-  <error-toast-sk></error-toast-sk>
-</footer>`;
+<app-sk>
+  <header><h1>Power Controller</h1></header>
+
+  <main>
+    <h2>Broken Bots (with powercycle support)</h2>
+
+    ${downBotsTable(ele._bots, ele._hosts)}
+  </main>
+  <footer>
+    <error-toast-sk></error-toast-sk>
+  </footer>
+<app-sk>`;
 
 const downBotsTable = (bots, hosts) => html`
 <table>

diff --git a/power/modules/power-index-sk/power-index-sk.scss b/power/modules/power-index-sk/power-index-sk.scss
@@ -5,30 +5,25 @@ body {
   padding: 0;
 }
 
-power-index-sk {
-  main {
-    padding: 5px;
-  }
+app-sk {
+  --sidebar-width: 0;
 
-  header {
-    margin: 0;
-    padding: 1em 0.5em;
-    color: var(--white);
-    background: var(--blue);
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    font-weight: bold;
+  header h1 {
+    margin-left: 0.4em;
   }
+}
 
+power-index-sk {
   table {
     border-collapse: collapse;
     margin-left: 5px;
   }
+
   td, th {
     border: 1px solid var(--dark-white);
     padding: 5px;
   }
+
   th {
     position: relative;
   }

diff --git a/power/package.json b/power/package.json
@@ -5,7 +5,8 @@
   "license": "",
   "dependencies": {
     "common-sk": "^3.1.0",
-    "elements-sk": "^2.6.0",
+    "elements-sk": "^2.6.2",
+    "infra-sk": "^0.8.1",
     "lit-html": "~0.14.0"
   },
   "devDependencies": {