Fixed Unresponsive Select Step Box (#927)

* The cursor changes to pointer when hovered over select element * Cursor to pointer changes added to demo.css * adding csrtoptr class directly to dist file * small bug in ui fixed through bootstrap * small bug in ui fixed through bootstrap * Fixed unresponsive bug in ui with bootstrap * all changes have been deleted regarding the cursor bug. only unresponsive bug has been solved
publiclab · Mar 25, 2019 · 9be102e · 9be102e
1 parent b0a00a7
commit 9be102e
Show file tree

Hide file tree

Showing 4 changed files with 1,671 additions and 1,659 deletions.
diff --git a/dist/image-sequencer-ui.js b/dist/image-sequencer-ui.js
@@ -806,12 +806,16 @@ function IntermediateHtmlStepUi(_sequencer, step, options) {
                   <p>Crop</p>\
                 </div>\
               </div>\
-              <div class="center-align">\
+              <div class="row center-align">\
+              <div class="col-md-8">\
                 <select class="form-control input-lg" id="selectStep">\
                   <!-- The default null selection has been appended manually in demo.js\
                   This is because the options in select are overritten when options are appended.-->\
                 </select>\
+              <div>\
+              <div class="col-md-4">\
                 <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>\
+              <div>\
               </div>\
             </div>\
           </div>\

diff --git a/examples/index.html b/examples/index.html
@@ -130,12 +130,16 @@ <h1><a href="/" target='_blank' class="name-header">Image Sequencer</a></h1>
               <p>Crop</p>
             </div>
           </div>
-          <div class="center-align">
+          <div class="row center-align">
+            <div class="col-md-8">
+
             <select  id="selectStep" >
               <!-- The default null selection has been appended manually in demo.js
               This is because the options in select are overritten when options are appended.-->
             </select>
-            <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>
+            </div>
+            <div class="col-md-4">
+            <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button></div>
           </div>
           <div class="row center-align">
           <button id="resetButton" class="btn btn-default btn-lg" style=" margin: 20px 35px 0px 35px; width:100%;">Clear All Steps</button>

diff --git a/examples/lib/intermediateHtmlStepUi.js b/examples/lib/intermediateHtmlStepUi.js
@@ -47,12 +47,16 @@ function IntermediateHtmlStepUi(_sequencer, step, options) {
                   <p>Crop</p>\
                 </div>\
               </div>\
-              <div class="center-align">\
+              <div class="row center-align">\
+                <div class="col-md-8">\
                 <select class="form-control input-lg" id="selectStep">\
                   <!-- The default null selection has been appended manually in demo.js\
                   This is because the options in select are overritten when options are appended.-->\
                 </select>\
+                <div>\
+                <div class="col-md-4">\
                 <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>\
+                <div>\
               </div>\
             </div>\
           </div>\