Mirrors/whitebophir
2
0
Fork 0
mirror of https://github.com/lovasoa/whitebophir synced 2024-11-10 14:34:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Improve the appearance of the conf widgets

Browse source
This commit is contained in:
Ophir LOJKINE 2015-07-16 14:09:57 +02:00
parent b22e5f333b
commit 51fe92530e
2 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
client-data/board.css
View file

@ -25,13 +25,14 @@ html, body, svg {
left:10px;
top:10px;
background-color:rgba(100,200,255,0.7);
width:100px;
width:6vw;
height:2em;
transition-duration:1s;
}
#menu.closed h2{ /*Menu title ("Menu")*/
text-align:center;
font-size: .9vw;
}
#menu h2{ /*Menu title ("Menu")*/
@ -126,13 +127,21 @@ input {
#chooseColor {
width:5vw;
height:4vh;
height:2vh;
border:1px solid black;
border-radius:3px;
color:black;
text-shadow: 0 0 6px white;
display: block;
width: 100%;
margin: 0;
padding: 0;
}
#chooseSize {
width:5vw;
width: 5vw;
border: 0;
display: block;
width: 100%;
margin:0;
}

4
client-data/board.html
View file

@ -32,10 +32,10 @@
</ul>
<h3>Configuration</h3>
<label for="chooseColor">Color:</label>
<label for="chooseColor">Color</label>
<input type="color" id="chooseColor" value="#1913B0" />
<br/>
<label for="chooseSize">Size:</label>
<label for="chooseSize">Size</label>
<input type="range" id="chooseSize" value="10" min="1" max="50" step="1" />
</div>
</div>