hook up switchctrl all/local
diff --git a/web/ons-demo/css/layout.default.css b/web/ons-demo/css/layout.default.css
index 2aa16fe..297e31b 100644
--- a/web/ons-demo/css/layout.default.css
+++ b/web/ons-demo/css/layout.default.css
@@ -102,15 +102,20 @@
width: 100%;
}
-#controllerList {
+#onos {
display: -webkit-box;
- -webkit-box-orient: horizontal;
- overflow: scroll;
+}
+
+#actions {
+ display: -webkit-box;
}
#controllers {
display: -webkit-box;
+ overflow: scroll;
+ -webkit-box-flex: 1.0;
}
+
.controller {
margin: .25em;
background-color: blue;
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index 843fa4a..ae7dc4a 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -98,7 +98,7 @@
background-color: black;
}
-.header, #controllers {
+.header, #onos {
border-bottom: 1px solid #AAA;;
}
@@ -194,8 +194,20 @@
padding: .25em;
padding-left: 2.5em;
position: relative;
+ border: 1px solid #444;
+ color: white;
+ position: relative;
}
+.controller:hover {
+ border: 1px solid white;
+}
+
+.action, .controller {
+ font-size: 20px;
+}
+
+
.black-eye {
position: absolute;
top: 0px;
@@ -295,6 +307,7 @@
.color2 {
opacity: .15;
+ pointer-events: none;
fill: #FFBA00;
background-color: #FFBA00;
}
@@ -343,6 +356,7 @@
.color9 {
opacity: .2;
+ pointer-events: none;
fill: #F53D65;
background-color: #F53D65;
}
@@ -368,6 +382,27 @@
background-color: #6949D7;
}
+.action {
+ margin: .25em;
+ padding: .25em;
+ padding-left: 1em;
+ padding-right: 1em;
+ border: 1px solid #AAA;
+ background-color: #444;
+ display: -webkit-box;
+ -webkit-box-pack: center;
+ -webkit-box-align: center;
+ color: white;
+}
+
+.action:hover {
+ border: 1px solid #FFF;
+}
+
+.action:active {
+ background-color: #222;
+}
+
@-webkit-keyframes pending {
from {