Verification: removes physical sizes from HTML templates and adds placeholder hooks
This commit is contained in:
@@ -878,9 +878,21 @@
|
||||
.cam {
|
||||
|
||||
.placeholder-cam {
|
||||
@include size(500px 375px);
|
||||
margin: $baseline auto;
|
||||
background: $m-blue-d1;
|
||||
width: 95%;
|
||||
height: 375px;
|
||||
margin: ($baseline/2) auto;
|
||||
background: $m-blue-l5;
|
||||
|
||||
// placeholders
|
||||
.placeholder-art {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
// previously defined in HTML
|
||||
video, canvas {
|
||||
display: block;
|
||||
@include size(100% 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
|
||||
@@ -245,8 +245,12 @@
|
||||
<div class="wrapper-task">
|
||||
<div id="facecam" class="task cam">
|
||||
<div class="placeholder-cam" id="face_capture_div">
|
||||
<video id="face_video" width="500" height="375" autoplay></video><br/>
|
||||
<canvas id="face_canvas" style="display:none;" width="640" height="480"></canvas>
|
||||
|
||||
<div class="placeholder-art">
|
||||
</div>
|
||||
|
||||
<video id="face_video" autoplay></video><br/>
|
||||
<canvas id="face_canvas" style="display:none;" ></canvas>
|
||||
</div>
|
||||
|
||||
<div class="controls photo-controls">
|
||||
@@ -325,8 +329,12 @@
|
||||
<div class="wrapper-task">
|
||||
<div id="idcam" class="task cam">
|
||||
<div class="placeholder-cam">
|
||||
<video id="photo_id_video" width="500" height="375" autoplay></video><br/>
|
||||
<canvas id="photo_id_canvas" style="display:none;" width="640" height="480"></canvas>
|
||||
|
||||
<div class="placeholder-art">
|
||||
</div>
|
||||
|
||||
<video id="photo_id_video" autoplay></video><br/>
|
||||
<canvas id="photo_id_canvas" style="display:none;"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="controls photo-controls">
|
||||
|
||||
Reference in New Issue
Block a user