projects
/
Biblio-RFID.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
added working indicator
[Biblio-RFID.git]
/
examples
/
selfcheck.html
diff --git
a/examples/selfcheck.html
b/examples/selfcheck.html
index
329e30d
..
efe2cff
100644
(file)
--- a/
examples/selfcheck.html
+++ b/
examples/selfcheck.html
@@
-8,7
+8,12
@@
body, input {
font-family: 'Roboto', sans-serif;
body, input {
font-family: 'Roboto', sans-serif;
- font-size: 120%;
+ font-size: 100%;
+ /* disable selection which brings havoc on touchscreens */
+ -webkit-user-select: none;
+ -moz-user-select: -moz-none;
+ -ms-user-select: none;
+ user-select: none;
}
body {
}
body {
@@
-46,7
+51,7
@@
input[type=button] {
display: block;
float: left;
width: 100%;
display: block;
float: left;
width: 100%;
- height:
3
em;
+ height:
6
em;
}
.button {
}
.button {
@@
-63,13
+68,23
@@
input[type=button] {
position: absolute;
top: 50%;
left: 50%;
position: absolute;
top: 50%;
left: 50%;
- margin-left: -
10em;
- margin-top: -5em;
- width: 1
0
em;
- height:
5
em;
+ margin-left: -
8em; /* width + 2 * padding / 2 */
+ margin-top: -
2.
5em;
+ width: 1
2
em;
+ height:
8
em;
background: #ff8;
padding: 2em;
border: 0.5em solid #f00;
background: #ff8;
padding: 2em;
border: 0.5em solid #f00;
+ text-align: center;
+}
+
+#working {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-left: -250px; /* 500 / 2 */
+ margin-top: -187px; /* 375 / 2 */
}
</style>
}
</style>
@@
-92,6
+107,11
@@
Timeout in <span id="tick">99</span> seconds.
</div>
</div>
+<div id="working">
+<img src="/examples/giphy.gif">
+</div>
+
+
<div class="page" id="start">
<!--
<div class="page" id="start">
<!--
@@
-106,7
+126,7
@@
Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjes
Select checkin button to return books.
-->
Select checkin button to return books.
-->
-Ako želite vratiti knjigu, pristisnite
ovaj gumb
.
+Ako želite vratiti knjigu, pristisnite
gumb za povrat
.
<div class="button">
<input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
<div class="button">
<input name=checkin type=button value="Povrat" onClick="change_page('checkin')">