eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-11 19:00:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Corrected view (#867)

Browse Source
This commit is contained in:
aashna27
2019-03-19 21:11:39 +05:30
committed by Jeffrey Warren
parent f852730d98
commit 709df84cb2
2 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
examples/demo.css
View File

@@ -251,14 +251,8 @@ a.name-header{
color: #445;
}
.step-column{
.step-column{
display:flex;
flex-direction:row;
align-items:center;
}
.step-image{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
align-content: center;
justify-content: center;
}

6
examples/lib/defaultHtmlStepUi.js
View File

@@ -26,9 +26,9 @@ function DefaultHtmlStepUi(_sequencer, options) {
step.ui =
'\
<div class="container">\
<div class="row step" style="display:flex">\
<div class="row step">\
<form class="input-form">\
<div class="col-md-4 details" style="flex:1">\
<div class="col-md-4 details">\
<h3>\
<span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
'<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
@@ -39,9 +39,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
</form>\
<div class="col-md-8 cal step-column">\
<div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
<div class="step-image">\
<a><img alt="" class="img-thumbnail step-thumbnail"/></a>\
</div>\
</div>\
</div>\
</div>\