Commit c97cce59 authored by echel0n's avatar echel0n

Refactored quicksearch menu

parent b3b4d7a8
# Changelog
- * e7965db - 2018-12-08: Refactoed display show view
- * 55729fa - 2018-12-09: Refactored quicksearch menu
- * b3b4d7a - 2018-12-08: Refactoed display show view
- * c1aed13 - 2018-12-08: Release v9.4.49
- * 854687c - 2018-12-08: Added GKTorrent provider.
- * 5592614 - 2018-12-08: Fixed login issues for Speed.cd torrent provider.
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -111,18 +111,10 @@
<!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto">
<li>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<div class="input-group-text bg-dark text-white-50" style="border: none">
<i class="fas fa-search"></i>
</div>
</div>
<input id="quicksearch" class="form-control bg-dark text-white-50"
style="width:350px;border: none;" type="search">
<div class="input-group-append">
<div class="input-group-text bg-dark text-white-50" style="border: none">
<i id="quicksearch-icon"></i>
</div>
<div class="quicksearch-container">
<div class="quicksearch-input-container">
<i class="fas fa-search m-2"></i>
<input id="quicksearch" class="quicksearch-input" type="search">
</div>
</div>
</li>
......
......@@ -227,20 +227,17 @@ $(document).ready(function ($) {
return false;
},
open: function () {
//$("#quicksearch-icon").removeClass('fas fa-spinner fa-spin');
$("#quicksearch-icon").addClass('fas fa-times');
$(".quicksearch-input-container").append('<button type="button" class="quicksearch-input-btn"><i class="fas fa-times-circle m-2"></i></button>');
$("ul.ui-menu").width($(this).innerWidth());
$("ul.ui-menu").css('border', 'none');
$("ul.ui-menu").css('outline', 'none');
$("ul.ui-menu").addClass('bg-dark shadow rounded');
$(".quicksearch-input-btn").click(function () {
$('#quicksearch').catcomplete('close').val('');
$(this).remove();
});
}
});
$("#quicksearch-icon").click(function () {
$('#quicksearch').catcomplete('close').val('');
$("#quicksearch-icon").removeClass();
});
},
common: {
......
......@@ -416,4 +416,68 @@ input[type=checkbox].toggle {
.show-legend {
@extend .pr-5;
}
.quicksearch-container {
position: relative;
display: inline-block;
margin-left: 10px;
width: 360px;
height: 40px;
vertical-align: super;
}
.quicksearch-input-container {
font-size: 13px;
font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
padding: 4px;
height: 40px;
border-radius: 4px;
background: hsla(0, 0%, 100%, .08);
color: #eee;
-webkit-transition: background-color .2s, color .2s;
transition: background-color .2s, color .2s;
}
.quicksearch-input {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 100%;
outline: 0;
border: none;
background: transparent;
color: #eee;
}
.quicksearch-input-btn {
margin: 0;
padding: 0;
outline: none;
border: 0;
border-radius: 0;
background: none;
text-align: inherit;
text-decoration: none;
cursor: pointer;
-webkit-transition: color .2s;
transition: color .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment