[Rt-commit] rt branch, 4.6/improve-link-creation-display, created. rt-4.4.4-682-gf2e6c85e97

[Michel Rodriguez]

The branch, 4.6/improve-link-creation-display has been created
        at  f2e6c85e9763c15826251c3393e9bb3c8f899596 (commit)

- Log -----------------------------------------------------------------
commit f2e6c85e9763c15826251c3393e9bb3c8f899596
Author: michel <michel at bestpractical.com>
Date:   Wed Jan 15 23:18:15 2020 +0100

    Improve formatting of create linked ticket menu.

diff --git a/share/html/Elements/ShowLinks b/share/html/Elements/ShowLinks
index 6c429f9a4d..9ec4a11a9d 100644
--- a/share/html/Elements/ShowLinks
+++ b/share/html/Elements/ShowLinks
@@ -67,12 +67,16 @@
 </div>
 
 % if ($Object->isa('RT::Ticket')) {
-  <div class="form-row">
-    <div class="col-md-12">
-      <form action="<% RT->Config->Get('WebPath') ."/Helpers/SpawnLinkedTicket" %>" name="SpawnLinkedTicket">
-        <input type="hidden" name="CloneTicket" value="<% $Object->id %>">
-        <input type="submit" value="<&|/l&>Create</&>" name="SpawnLinkedTicket" class="btn btn-primary">
-        <select name="LinkType" class="selectpicker">
+  <form action="<% RT->Config->Get('WebPath') ."/Helpers/SpawnLinkedTicket" %>" name="SpawnLinkedTicket">
+    <input type="hidden" name="CloneTicket" value="<% $Object->id %>">
+    <div class="form-row">
+      <div class="col-12">
+        <&|/l&>Create linked ticket:</&>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="col-lg-4">
+        <select name="LinkType" class="selectpicker form-control">
           <option value="DependsOn-new"><% loc('Depends on') %></option>
           <option value="new-DependsOn"><% loc('Depended on by') %></option>
           <option value="MemberOf-new"><% loc('Parents') %></option>
@@ -80,11 +84,18 @@
           <option value="RefersTo-new"><% loc('Refers to') %></option>
           <option value="new-RefersTo"><% loc('Referred to by') %></option>
         </select>
-        <&|/l&>Ticket in</&>
+      </div>
+      <div class="col-lg-2 text-between-dropdowns">
+        <&|/l&>New ticket in</&>
+      </div>
+      <div class="col-lg-4">
         <& /Elements/SelectNewTicketQueue, Name => 'CloneQueue' &>
-      </form>
+      </div>
+      <div class="col-lg-2">
+        <input type="submit" value="<&|/l&>Create</&>" name="SpawnLinkedTicket" class="btn btn-primary">
+      </div>
     </div>
-  </div>
+  </form>
 % }
 <%INIT>
 my @display = qw(DependsOn DependedOnBy MemberOf Members RefersTo ReferredToBy);
diff --git a/share/static/css/elevator-light/ticket-form.css b/share/static/css/elevator-light/ticket-form.css
index dc2523c002..cbec65c811 100644
--- a/share/static/css/elevator-light/ticket-form.css
+++ b/share/static/css/elevator-light/ticket-form.css
@@ -75,3 +75,8 @@
 .refreshing {
     opacity: 0.3;
 }
+
+/* vertically align text between dropdowns with the options text */
+.text-between-dropdowns {
+    margin-top: .3em
+}

-----------------------------------------------------------------------