Fixed Search Bar Scaling in Firefox (#1187)

Fixed scaling issue with Firefox where it would scale the search bar to 30% of the width of the box-tools container instead of 30% of the row container. (Note this is not a fix for the issue with it appearing on a separate line on mobiles).
This commit is contained in:
Jayden Downes 2018-06-05 10:33:34 +08:00 committed by Dane Everitt
parent f54dc24cf4
commit 5f90d841d0
2 changed files with 7 additions and 2 deletions

View file

@ -474,6 +474,11 @@ label.control-label > span.field-optional:before {
width: auto; width: auto;
} }
.search01 {
width: 30%;
}
.number-info-box-content { .number-info-box-content {
padding: 15px 10px 0; padding: 15px 10px 0;
} }

View file

@ -23,10 +23,10 @@
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">@lang('base.index.list')</h3> <h3 class="box-title">@lang('base.index.list')</h3>
<div class="box-tools"> <div class="box-tools search01">
<form action="{{ route('index') }}" method="GET"> <form action="{{ route('index') }}" method="GET">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="text" name="query" class="form-control pull-right" style="width:30%;" value="{{ request()->input('query') }}" placeholder="@lang('strings.search')"> <input type="text" name="query" class="form-control pull-right" value="{{ request()->input('query') }}" placeholder="@lang('strings.search')">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button> <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
</div> </div>