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

Responsive per mobile

Browse source
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; background: black;
color: white; 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> </style>
</head> </head>
<body> <body>
@ -300,10 +317,12 @@
<div class="section card"> <div class="section card">
<div class="logger"> <div class="logger">
</div> </div>
<button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button> <div class="controls">
<button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button> <button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
<label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label> <button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button>
</div> <label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label>
</div>
</div>
</div> </div>
<div class="footer"> <div class="footer">
Creato da Claudio Maggioni, Federico Mainetti, Pamela Dardano, Fabio Brambilla Creato da Claudio Maggioni, Federico Mainetti, Pamela Dardano, Fabio Brambilla