light9 Changeset - 56fc5fc673ec

Changeset - 56fc5fc673ec

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

drewp@bigasterisk.com - 6 years ago 2019-06-09 21:57:28
drewp@bigasterisk.com

rearrange home page to be less wide
Ignore-this: 3b6fadd9bbd9ce1f6741c1227f33ec53

1 file changed with 10 insertions and 3 deletions:

light9/web/index.html

0 comments (0 inline, 0 general)

light9/web/index.html

➞

Show inline comments

@@ @@ -13,58 +13,65 @@ @@
     <dom-module id="service-button-row">
       <template>
         <style>
          :host { padding-bottom: 10px;  }
          a {
              color: #7d7dec;
+         }
          div {
              display: flex;
              justify-content: space-between;
              padding: 2px 3px;
+         }
          .left {
              display: inline-block;
              margin-right: 3px;
              flex-grow: 1;
+         }
          .window {
+         }
          .serviceGrid > td {
              border: 5px solid red;
              display: inline-block;
+         }
          .big {
              font-size: 120%;
              display: inline-block;
              padding: 10px 0;
+         }
          :host > div { display: inline-block; vertical-align: top; }
          :host > div:nth-child(2) { width: 9em; }
          :host > div:nth-child(3) { width: 5em; }
          :host > div:nth-child(4) { width: 3em; }
          :host > div:nth-child(5) { width: 50px; }
         </style>
         <div>
         <div class="left"><a class="big" href="{{name}}/">{{name}}</a></div>
         <div class="window"><button on-click="click">window</button></div>
         <div><a href="{{name}}/stats/">stats</a></div>
         </div>
         <div id="stats"><stats-line name="{{name}}"></div>
       </template>
       <script>
        HTMLImports.whenReady(function () {
          Polymer({
            is: "service-button-row",
            properties: {
              name: String,
            },
            ready: function() {
            },
            click: function() {
              window.open(this.name + '/', '_blank',
                          'scrollbars=1,resizable=1,titlebar=0,location=0');
            },
          });
        });
       </script>
     </dom-module>
     <h1>light9 home page</h1>
     <div style="display: grid">
       <service-button-row name="rdfdb"></service-button-row>

0 comments (0 inline, 0 general)