3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-04 01:09:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): load Algolia styles for mobiles immediately (#2174)

Browse source 
* fix(v2): load Algolia styles for mobiles immediately

* Add copyright
This commit is contained in:
Alexey Pyltsyn 2020-01-02 16:37:15 +03:00 • committed by Yangshun Tay
parent d407abde7e
commit b36316eab2
3 changed files with 42 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

34
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/algolia.css
View file

@ -43,40 +43,6 @@
}
}
.search-icon {
background-image: var(--ifm-navbar-search-input-icon);
height: auto;
width: 24px;
cursor: pointer;
padding: 8px;
line-height: 32px;
background-repeat: no-repeat;
background-position: center;
display: none;
}
.search-icon-hidden {
visibility: hidden;
}
@media (max-width: 360px) {
.search-bar {
width: 0 !important;
background: none !important;
padding: 0 !important;
transition: none !important;
}
.search-bar-expanded {
width: 9rem !important;
}
.search-icon {
display: inline;
vertical-align: sub;
}
}
.searchbox {
display: inline-block;
position: relative;

2
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/index.js
View file

@ -11,6 +11,8 @@ import classnames from 'classnames';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import {useHistory} from '@docusaurus/router';
import './styles.css';
let loaded = false;
const Search = props => {

40
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/styles.css Normal file
View file

@ -0,0 +1,40 @@
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.search-icon {
background-image: var(--ifm-navbar-search-input-icon);
height: auto;
width: 24px;
cursor: pointer;
padding: 8px;
line-height: 32px;
background-repeat: no-repeat;
background-position: center;
display: none;
}
.search-icon-hidden {
visibility: hidden;
}
@media (max-width: 360px) {
.search-bar {
width: 0 !important;
background: none !important;
padding: 0 !important;
transition: none !important;
}
.search-bar-expanded {
width: 9rem !important;
}
.search-icon {
display: inline;
vertical-align: sub;
}
}