From: Dan Briem <dbriem@wlsmail.org>
Date: Wed, 7 Aug 2019 23:13:21 +0000 (-0400)
Subject: LP#1803406 Due date box in check out has display issues at wider resolutions
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=a45bda0eede006a9fa8a1aee3babd2846abd6cdc;p=evergreen%2Fpines.git

LP#1803406 Due date box in check out has display issues at wider resolutions

Adjusted bootstrap .col classes so the specific due date input displays the
full date and prevents the barcode input group from collapsing at < 1179px.

Signed-off-by: Dan Briem <dbriem@wlsmail.org>
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---

diff --git a/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2 b/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
index 016e74b1da..65d56fb8ff 100644
--- a/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
+++ b/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
@@ -1,7 +1,7 @@
 <!-- item checkout form / list -->
 
 <div class="row pad-vert">
-  <div class="col-md-6">
+  <div class="col-md-8 col-lg-6">
     <form ng-submit="checkout(checkoutArgs)" role="form" class="form-inline">
       <div class="input-group">
 
@@ -30,18 +30,17 @@
           id="patron-checkout-barcode" type="text"/> 
 
         <input class="btn btn-default" type="submit" 
-          ng-disabled="disable_checkout()"
-          value="[% l('Submit') %]"/>
+          ng-class="{disabled : disable_checkout()}" value="[% l('Submit') %]"/>
 
       </div>
     </form>
   </div>
-  <div class="col-md-6">
+  <div class="col-md-4 col-lg-6">
     <div class="flex-row">
       <div class="flex-cell"></div>
 
 <div class="form-group row">
-<div class="col-md-3" uib-dropdown style="width:100px;">
+<div class="col-md-12 col-lg-4" uib-dropdown>
       <button type="button" ng-class="{'btn-success' : date_options.has_sticky_date}" class="btn btn-default" uib-dropdown-toggle>
         [% l('Date Options') %]
         <span class="caret"></span>
@@ -76,11 +75,8 @@
           [% l('Specific Due Date') %]
         </label>
       </div> -->
-
-      <div class="col-md-4" style="width:180px;">
-        <eg-date-input min-date="minDate" out-of-range="outOfRange"
-          ng-model="checkoutArgs.due_date" ng-disabled="!date_options.has_sticky_date" show-time-picker>
-        </eg-date-input>
+      <div class="col-md-12 col-lg-6">
+        <eg-date-input ng-model="checkoutArgs.due_date" ng-disabled="!date_options.has_sticky_date" show-time-picker></eg-date-input>
       </div>
 </div>
     </div>