Fixed live search display issue
This commit is contained in:
parent
490d374d9b
commit
4fcb755f24
|
@ -1,6 +1,6 @@
|
||||||
nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
|
nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
|
||||||
header.side-nav-search
|
header.side-nav-search.st-input-wrapper
|
||||||
form
|
form.st-input-inner
|
||||||
label(for="search-io" class="is-hidden") Search Docs
|
label(for="search-io" class="is-hidden") Search Docs
|
||||||
input(type="search" id="search-io" placeholder="SEARCH DOCS...")
|
input(type="search" id="search-io" placeholder="SEARCH DOCS...")
|
||||||
button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="toggleDocsMenu($event)" md-button) Docs <span class="icon icon-arrow-drop-down"></span>
|
button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="toggleDocsMenu($event)" md-button) Docs <span class="icon icon-arrow-drop-down"></span>
|
||||||
|
|
|
@ -22,11 +22,13 @@ script.
|
||||||
ga('create', 'UA-8594346-15', 'auto');
|
ga('create', 'UA-8594346-15', 'auto');
|
||||||
ga('send', 'pageview')
|
ga('send', 'pageview')
|
||||||
|
|
||||||
<!-- SWIFTYPE -->
|
|
||||||
script.
|
|
||||||
(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
|
|
||||||
(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
|
|
||||||
e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
|
|
||||||
})(window,document,'script','//s.swiftypecdn.com/install/v1/st.js','_st');
|
|
||||||
|
|
||||||
_st('install','VsuU7kH5Hnnj9tfyNvfK');
|
if current.path[0] == "docs"
|
||||||
|
<!-- SWIFTYPE -->
|
||||||
|
script.
|
||||||
|
(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
|
||||||
|
(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
|
||||||
|
e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
|
||||||
|
})(window,document,'script','//s.swiftypecdn.com/install/v1/st.js','_st');
|
||||||
|
|
||||||
|
_st('install','VsuU7kH5Hnnj9tfyNvfK');
|
|
@ -44,7 +44,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-offset-side-nav {
|
.l-offset-side-nav {
|
||||||
padding-left: 224px;
|
padding-left: 232px;
|
||||||
|
|
||||||
@media handheld and (max-width: $phone-breakpoint),
|
@media handheld and (max-width: $phone-breakpoint),
|
||||||
screen and (max-device-width: $phone-breakpoint),
|
screen and (max-device-width: $phone-breakpoint),
|
||||||
|
|
|
@ -1,13 +1,12 @@
|
||||||
.swiftype-widget {
|
/*
|
||||||
.autocomplete {
|
* Side Navigation
|
||||||
left: $unit !important;
|
*
|
||||||
}
|
*/
|
||||||
}
|
|
||||||
|
|
||||||
.side-nav {
|
.side-nav {
|
||||||
background: $mist;
|
background: $mist;
|
||||||
box-shadow: 3px 0px 6px rgba($coal, .3);
|
box-shadow: 3px 0px 6px rgba($coal, .3);
|
||||||
width: 224px;
|
width: 232px;
|
||||||
|
|
||||||
@media handheld and (max-width: $phone-breakpoint),
|
@media handheld and (max-width: $phone-breakpoint),
|
||||||
screen and (max-device-width: $phone-breakpoint),
|
screen and (max-device-width: $phone-breakpoint),
|
||||||
|
@ -19,12 +18,8 @@
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
// SEARCH BOX
|
||||||
.side-nav-search {
|
.side-nav-search {
|
||||||
background: $tin;
|
background: $tin;
|
||||||
padding: $unit;
|
padding: $unit;
|
||||||
|
@ -48,6 +43,7 @@
|
||||||
padding: 0px $unit;
|
padding: 0px $unit;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-trigger {
|
.mobile-trigger {
|
||||||
|
@ -75,9 +71,10 @@
|
||||||
opacity: .87;
|
opacity: .87;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// PRIMARY SIDENAV BUTTON
|
||||||
.side-nav-primary {
|
.side-nav-primary {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
@ -103,6 +100,8 @@
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
|
||||||
&.is-selected {
|
&.is-selected {
|
||||||
background: $fog;
|
background: $fog;
|
||||||
|
|
|
@ -1,3 +1,8 @@
|
||||||
|
/*
|
||||||
|
* Apllication Module
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
var angularIO = angular.module('angularIOApp', ['ngMaterial'])
|
var angularIO = angular.module('angularIOApp', ['ngMaterial'])
|
||||||
.config(function($mdThemingProvider) {
|
.config(function($mdThemingProvider) {
|
||||||
$mdThemingProvider.theme('default')
|
$mdThemingProvider.theme('default')
|
||||||
|
|
Loading…
Reference in New Issue