maggicl
/
html-scheduler
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Responsive per mobile

This commit is contained in:
Claudio Maggioni 2016-05-12 12:51:02 +02:00
parent 91fdec5198
commit 24868f6801
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -278,6 +278,23 @@
background: black;
color: white;
}
@media screen and (max-width: 600px) {
.nav{
width: calc(100vw - 3rem);
margin-bottom: .5rem;
float: none;
}
.sections{
float: none;
width: calc(100vw - 1rem);
}
.section{
width: calc(100vw - 3rem);
}
.footer{
display: none;
}
}
</style>
</head>
<body>
@ -300,10 +317,12 @@
<div class="section card">
<div class="logger">
</div>
<button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
<button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button>
<label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label>
</div>
<div class="controls">
<button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
<button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button>
<label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label>
</div>
</div>
</div>
<div class="footer">
Creato da Claudio Maggioni, Federico Mainetti, Pamela Dardano, Fabio Brambilla