Phi: improve radio stack widget and some fixes
[fg:fgdata.git] / webgui / widgets / radiostack.html
1 <style>
2 .phi-widget {
3        border: 3px ridge silver;
4     
5 }
6
7 .phi-radiostack {
8     font-family: "Liberation Mono";
9     font-size: 11px;
10     color: silver;
11     background-color: #101010;
12     padding: 4px;
13 }
14
15 .phi-radiostack input {
16     font-family: "Liberation Mono";
17 }
18
19 .phi-radiostack span {
20     width: 3.5em;
21     display: inline-block;
22     padding-left: 0.5em;
23 }
24
25 .phi-radiostack input {
26     background-color: #404040;
27     color: red;
28     font-weight: bold;
29     border: 2px inset silver;
30     width: 8ex;
31     display: inline-block;
32 }
33
34 .phi-radiostack button {
35     background-color: white;
36     color: black;
37     border: 2px outset gray;
38     padding: 1px 2px 4px 2px;
39 }
40 </style>
41 <div class="phi-radiostack" data-bind="foreach: radios">
42         <div class="phi-radio">
43                 <span data-bind="text: label"></span> 
44                 <input data-bind="value: use, attr: { title: stn }, tooltip: {}, event: { blur: onUseBlur, keyup: onUseKey }"/>
45                 <button data-bind="click: swap">&harr;</button>
46                 <input data-bind="value: stby, event: { blur: onStbyBlur, keyup: onStbyKey }"/>
47         </div>
48 </div>