[Rt-commit] rt branch, 4.6/restrict-width-search-refresh-dropdown, created. rt-4.4.4-540-gf654680dcc

[Aaron Trevena]

The branch, 4.6/restrict-width-search-refresh-dropdown has been created
        at  f654680dcc8ae220c306cdf8734a89dbe602f231 (commit)

- Log -----------------------------------------------------------------
commit f654680dcc8ae220c306cdf8734a89dbe602f231
Author: Aaron Trevena <ast at bestpractical.com>
Date:   Thu Nov 28 16:06:08 2019 +0000

    Restrict width of refresh dropdown in search results
    
    Fixed alignment, spacing and size of refresh selectbox and label

diff --git a/share/html/Elements/Refresh b/share/html/Elements/Refresh
index 3ca712261e..0772973fd8 100644
--- a/share/html/Elements/Refresh
+++ b/share/html/Elements/Refresh
@@ -45,7 +45,7 @@
 %# those contributions and any derivatives thereof.
 %#
 %# END BPS TAGGED BLOCK }}}
-<select name="<%$Name%>" class="selectpicker form-control refresh">
+<select name="<%$Name%>" class="w-auto selectpicker form-control">
 <option value="-1"
 %unless ($Default) {
  selected="selected"
diff --git a/share/html/Elements/RefreshHomepage b/share/html/Elements/RefreshHomepage
index a2dfa00617..1c4ba1fd9c 100644
--- a/share/html/Elements/RefreshHomepage
+++ b/share/html/Elements/RefreshHomepage
@@ -46,15 +46,14 @@
 %#
 %# END BPS TAGGED BLOCK }}}
 <&|/Widgets/TitleBox, title => loc('Refresh')&>
+<div class="refresh">
 <form method="get" action="<% RT->Config->Get('WebPath') . $m->request_path %>">
 <div class="form-row">
-  <div class="col-md-12">
+  <div class="col-auto">
 <& /Elements/Refresh, Name => 'HomeRefreshInterval', 
     Default => $session{'home_refresh_interval'}||RT->Config->Get('HomePageRefreshInterval', $session{'CurrentUser'}) &>
   </div>
-</div>
-<div class="form-row">
-  <div class="col-md-12">
+  <div class="col-auto">
 <& /Elements/Submit,  Label => loc('Go!') &>
   </div>
 </div>
diff --git a/share/html/Search/Results.html b/share/html/Search/Results.html
index be50ecdea1..1de775de39 100644
--- a/share/html/Search/Results.html
+++ b/share/html/Search/Results.html
@@ -80,16 +80,18 @@
 % $m->callback( ARGSRef => \%ARGS, CallbackName => 'AfterResults' );
 
 % my %hiddens = (Query => $Query, Format => $Format, Rows => $Rows, OrderBy => $OrderBy, Order => $Order, HideResults => $HideResults, Page => $Page, SavedChartSearchId => $SavedChartSearchId );
-<div align="right" class="refresh">
-<form method="get" action="<%RT->Config->Get('WebPath')%>/Search/Results.html">
+<div class="refresh">
+  <form method="get" action="<%RT->Config->Get('WebPath')%>/Search/Results.html">
+  <div class="form-row align-items-center">
 % foreach my $key (keys(%hiddens)) {
 <input type="hidden" class="hidden" name="<%$key%>" value="<% defined($hiddens{$key})?$hiddens{$key}:'' %>" />
 % }
+<div class="col-auto">
 <& /Elements/Refresh, Name => 'TicketsRefreshInterval', Default => $session{'tickets_refresh_interval'}||RT->Config->Get('SearchResultsRefreshInterval', $session{'CurrentUser'}) &>
-<div class="form-row">
-  <div class="col-md-12">
-    <input type="submit" class="button btn btn-primary form-control" value="<&|/l&>Change</&>" />
-  </div>
+</div>
+<div class="col-auto">
+<input type="submit" class="btn btn-primary" value="<&|/l&>Change</&>" />
+</div>
 </div>
 </form>
 </div>
@@ -97,7 +99,7 @@
 %# Keyboard shortcuts info
 <div class="clear"></div>
 <div class="keyboard-shortcuts footer">
-    <p><&|/l_unsafe, '<span class="keyboard-shortcuts-key">?</span>' &>Press [_1] to view keyboard shortcuts.</&></p>
+    <&|/l_unsafe, '<span class="keyboard-shortcuts-key">?</span>' &>Press [_1] to view keyboard shortcuts.</&>
 </div>
 
 <%INIT>
diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index f629171c55..22afc44d52 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -66,6 +66,13 @@ div#footer #bpscredits {
     padding-top: 2.5em;
 }
 
+div.refresh {
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-bottom: 10px;
+    align: left;
+}
+
 div#footer a {
     color: white;
 }
@@ -193,3 +200,4 @@ ol ol {
   position: relative;
   padding-bottom: 5em;
 }
+

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