eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-13 20:00:05 +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; color: #445;
} }
.step-column{ .step-column{
display:flex; display:flex;
flex-direction:row; align-content: center;
align-items:center; justify-content: center;
}
.step-image{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
} }

6
examples/lib/defaultHtmlStepUi.js
View File

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