search

aso2101 / satavahana-inscriptions

1 stars 0 forks source link

CSS Problems #10

Closed aso2101 closed 7 years ago

aso2101 commented 7 years ago

We've run into a few discrepancies between browsers:

The search bar at the top right now BREAKS on Chrome but is INLINE in Chromium and Safari. 

<form action="/exist/apps/SAI/search.html" class="navbar-form navbar-right">
  <div class="input-group input-group-sm" style="width:350px;">
    <input type="search" class="form-control" name="query" style="margin-left:19px"/>
    <select class="form-control" name="filter">
      <option value="''"> - Search Filter - </option>
      <option value="metadata"> Metadata </option>
      <option value="text"> Text </option>
      <option value="translation"> Translation </option>
    </select>
    <span class="input-group-btn">
      <button id="f-btn-search" type="submit" class="btn btn-primary">
        <span class="glyphicon glyphicon-search"/>
      </button>
    </span>
  </div>
</form>

We want an input-group, but there are some conflicts with navbar-form regarding the width of the elements that made me have to specify the width explicitly (and add 19px of margin to get the elements to actually run together).

aso2101 commented 7 years ago

I'm pretty sure this has been fixed in the teiPublisher branch: @wsalesky if you don't detect any continuing problems you can close this issue.