Mercurial > code > home > repos > light9

changeset 1235:07c2e2e0d879

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
style on home page Ignore-this: af5a85ba67c169df52479d2c6204e37f
author Drew Perttula <drewp@bigasterisk.com>
date Wed, 10 Jun 2015 05:40:38 +0000
parents fb830770c703
children e644d8f10c04
files light9/web/index.html light9/web/style.css
diffstat 2 files changed, 32 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/light9/web/index.html	Wed Jun 10 05:21:16 2015 +0000
+++ b/light9/web/index.html	Wed Jun 10 05:40:38 2015 +0000
@@ -7,15 +7,31 @@
     <link rel="import" href="/lib/polymer/polymer.html">
   </head>
   <body>
-    <dom-module id="service-button">
+    <dom-module id="service-button-row">
+      <style>
+       div {
+         display: flex;
+         justify-content: space-between;
+         padding: 2px 3px;
+       }
+       div:hover {
+         background: gray;
+         }
+       .left {
+         display: inline-block;
+         margin-right: 3px;
+       }
+      </style>
       <template>
-        <a class="big" href="{{withSlash}}">{{name}}</a>
-        <button on-click="click">window</button>
+        <div>
+          <span class="left"><a class="big" href="{{withSlash}}">{{name}}</a></span>
+          <span><button on-click="click">window</button></span>
+        </div>
       </template>
     </dom-module>
     <script>
      Polymer({
-       is: "service-button",
+       is: "service-button-row",
        properties: {
          name: String,
          withSlash: { type: String, computed: 'computeWithSlash(name)' },
@@ -31,13 +47,17 @@
     </script>
 
     <h1>light9 home page</h1>
+
+    <div style="float: left">
+      <service-button-row name="rdfdb"></service-button-row>
+      <service-button-row name="effectEval"></service-button-row>
+      <service-button-row name="ascoltami"></service-button-row>
+      <service-button-row name="subComposer"></service-button-row>
+      <service-button-row name="subServer"></service-button-row>
+      <service-button-row name="picamserve"></service-button-row>
+      <service-button-row name="vidref"></service-button-row>
+      <service-button-row name="."></service-button-row>
+    </div>
     
-    <p><service-button name="rdfdb"></service-button></p>
-    <p><service-button name="effectEval"></service-button></p>
-    <p><service-button name="ascoltami"></service-button></p>
-    <p><service-button name="subComposer"></service-button></p>
-    <p><service-button name="subServer"></service-button></p>
-    <p><service-button name="picamserve"></service-button></p>
-    <p><service-button name="vidref"></service-button></p>
   </body>
 </html>
--- a/light9/web/style.css	Wed Jun 10 05:21:16 2015 +0000
+++ b/light9/web/style.css	Wed Jun 10 05:40:38 2015 +0000
@@ -183,7 +183,7 @@
 }
 a.big {
     background-color: #384052;
-    padding: 9px;
+    padding: 6px;
     text-shadow: rgba(0, 0, 0, 0.48) -1px -1px 0px;
     color: rgb(172, 172, 255);
     font-size: 160%;