fix: improve the look of searchbox

Improve the look of searchbox.
- Change the color of the search button
- Put the searchbox at the middle of screen when using small equipments.
This commit is contained in:
cebarobot 2017-06-27 11:38:44 +08:00
parent b7974dc6ae
commit f923784a91

View File

@ -135,7 +135,10 @@ EOD;
<div class="col-sm-4"> <div class="col-sm-4">
<?= HTML::tablist($tabs_info, $cur_tab, 'nav-pills') ?> <?= HTML::tablist($tabs_info, $cur_tab, 'nav-pills') ?>
</div> </div>
<div class="col-sm-4 col-sm-push-4 checkbox text-right"> <div class="col-sm-4">
<?php echo $pag->pagination(); ?>
</div>
<div class="col-sm-4 checkbox text-right">
<label class="checkbox-inline" for="input-show_tags_mode"> <label class="checkbox-inline" for="input-show_tags_mode">
<input type="checkbox" id="input-show_tags_mode" <?= isset($_COOKIE['show_tags_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show tags') ?> <input type="checkbox" id="input-show_tags_mode" <?= isset($_COOKIE['show_tags_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show tags') ?>
</label> </label>
@ -143,17 +146,16 @@ EOD;
<input type="checkbox" id="input-show_submit_mode" <?= isset($_COOKIE['show_submit_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show statistics') ?> <input type="checkbox" id="input-show_submit_mode" <?= isset($_COOKIE['show_submit_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show statistics') ?>
</label> </label>
</div> </div>
<div class="col-sm-4 col-sm-pull-4 input-group"> </div>
<form id="form-search" class="form-inline" method="get"> <div class="row">
<div class="col-xs-10 col-xs-push-1 col-sm-6 col-sm-push-3 input-group">
<form id="form-search" class="input-group form-group" method="get">
<input type="text" class="form-control" name="search" placeholder="<?= UOJLocale::get('search')?>" />
<span class="input-group-btn"> <span class="input-group-btn">
<input type="text" class="form-control" name="search" placeholder="<?= UOJLocale::get('search')?>" /> <button type="submit" class="btn btn-search btn-primary" id="submit-search"><span class="glyphicon glyphicon-search"></span></button>
<button type="submit" id="submit-search" class="btn btn-info btn-search"><span class="glyphicon glyphicon-search"></span></button>
</span> </span>
</form> </form>
</div> </div>
<div class="col-sm-4 col-sm-pull-4">
<?php echo $pag->pagination(); ?>
</div>
</div> </div>
<div class="top-buffer-sm"></div> <div class="top-buffer-sm"></div>
<script type="text/javascript"> <script type="text/javascript">