[Rt-commit] rt branch, 4.4/layout-changes, repushed

[Shawn Moore]

The branch 4.4/layout-changes was deleted and repushed:
       was cd165379643d3dd14d51fbf81400f12e6c08eea3
       now 9687c3e3cb8040debfd073ec721ba502d2b20c04

1:  b650719 < -:  ------- Improved search widget using input type="search"
2:  8a1a533 ! 1:  9687c3e Improve topactions layout
    @@ -1,6 +1,28 @@
     Author: Shawn M Moore <shawn at bestpractical.com>
     
    -    Layout improvements to topactions bar
    +    Improve topactions layout
    +    
    +        Use input[type=search] for a dropdown of recent searches in WebKit (with a
    +        button to clear them)
    +    
    +        More modern rounded, borderless search field
    +    
    +        Adjust sizing and layout to be more consistent and centered
    +    
    +        On focus widen search field
    +
    +diff --git a/share/html/Elements/SimpleSearch b/share/html/Elements/SimpleSearch
    +--- a/share/html/Elements/SimpleSearch
    ++++ b/share/html/Elements/SimpleSearch
    +@@
    + %#
    + %# END BPS TAGGED BLOCK }}}
    + <form action="<% RT->Config->Get('WebPath') %><% $SendTo %>" id="simple-search">
    +-  <input size="12" name="q" accesskey="0" class="field" value="<% $value %>" placeholder="<% $Placeholder %>..." />
    ++  <input size="12" name="q" accesskey="0" class="field" value="<% $value %>" placeholder="<% $Placeholder %>..." type="search" results=5 autosave="simple-search" />
    + </form>
    + <%init>
    + my $value = defined $DECODED_ARGS->{q} ? $DECODED_ARGS->{q} : '';
     
     diff --git a/share/static/css/aileron/nav.css b/share/static/css/aileron/nav.css
     --- a/share/static/css/aileron/nav.css
    @@ -34,18 +56,20 @@
     --- a/share/static/css/base/nav.css
     +++ b/share/static/css/base/nav.css
     @@
    +     width: 1.25em;
      }
      
    - #simple-search input.field {
    ++#simple-search input.field {
     +    border: none;
     +
    -     /* turn off webkit input[type=search] styling */
    -     -webkit-appearance: textfield;
    - }
    -@@
    -     /* hide webkit x button for searches */
    -     -webkit-appearance: none;
    - }
    ++    /* turn off webkit input[type=search] styling */
    ++    -webkit-appearance: textfield;
    ++}
    ++
    ++#simple-search input.field::-webkit-search-cancel-button {
    ++    /* hide webkit x button for searches */
    ++    -webkit-appearance: none;
    ++}
     +
     +#topactions input,
     +#topactions select,
    @@ -73,16 +97,32 @@
          font-size: 0.9em;
          z-index: 99;
     @@
    +     padding-bottom: 0.25em;
    +     padding-left: 0.5em;
    +     padding-right: 0.5em;
    +-    width: 8em;
          vertical-align: middle;
    ++
    ++    width: 8em;
    ++    -webkit-transition: width 0.25s ease-in-out;
    ++    -moz-transition: width 0.25s ease-in-out;
    ++    -ms-transition: width 0.25s ease-in-out;
    ++    transition: width 0.25s ease-in-out;
    ++}
    ++
    ++#topactions input:focus {
    ++    width: 16em;
    ++    -webkit-transition: width 0.25s ease-in-out;
    ++    -moz-transition: width 0.25s ease-in-out;
    ++    -ms-transition: width 0.25s ease-in-out;
    ++    transition: width 0.25s ease-in-out;
    ++}
    ++
    ++#topactions select {
    ++    -webkit-appearance: menulist-button;
      }
      
    -+#topactions select {
    -+    -webkit-appearance: menulist-button;
    -+}
    -+
      #topactions .select-queue {
    -     padding-right: 0
    - }
     @@
          -moz-border-radius: 0 0 0 5px;
          -webkit-border-radius: 0 0 0 5px;
    @@ -94,4 +134,3 @@
     +    -webkit-border-radius: 10px;
     +}
     +
    -
3:  cd16537 < -:  ------- Animate wider search bar on focus for rudder