LP#1511742 Org selector typeahead UI formatting
authorBill Erickson <berickxx@gmail.com>
Fri, 7 Sep 2018 20:36:17 +0000 (16:36 -0400)
committerGalen Charlton <gmc@equinoxinitiative.org>
Fri, 14 Sep 2018 14:48:55 +0000 (10:48 -0400)
The display behavior of the org selector changed when migrating to a
typeahead.  In some cases, the boundaries of the input need to be more
clearly defined or it will fill the page horizontally.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Kyle Huckins <khuckins@catalyte.io>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Open-ILS/src/templates/staff/admin/workstation/t_workstations.tt2
Open-ILS/src/templates/staff/circ/patron/t_pending_list.tt2

index 6210395..8d7eb90 100644 (file)
     </div>
   </div>
   <div class="row">
-    <div class="col-md-6">
+    <div class="col-md-2">
+      <eg-org-selector 
+        selected="contextOrg"
+        hidden-test="wsOrgHidden">
+        disable-test="cant_have_users">
+      </eg-org-selector>
+    </div>
+    <div class="col-md-4">
       <div class="input-group">
-        <div class="input-group-btn">
-          <eg-org-selector 
-            selected="contextOrg"
-            hidden-test="wsOrgHidden">
-            disable-test="cant_have_users">
-          </eg-org-selector>
-        </div>
         <input type='text' class='form-control'  
           title="[% l('Workstation Name') %]"
           placeholder="[% l('Workstation Name') %]"
index b073b8c..7384211 100644 (file)
@@ -4,8 +4,11 @@
   </div>
 </div>
 
-<span>[% l('Home Library: ' ) %]</span>
-<span><eg-org-selector selected="context_org"></eg-org-selector></span>
+<div class="flex-row">
+  <div class="pad-right-min">[% l('Home Library: ' ) %]</div>
+  <eg-org-selector selected="context_org"></eg-org-selector>
+  <div class="flex-1"></div>
+</div>
 <hr/>
 
 <eg-grid