nikon/docsearch
1
0
Fork 0
Code Activity Actions

Merge pull request #42 from algolia/no-important

Browse source 
chore(css): ensure the menu is wide enough, but no !important here
This commit is contained in:
Sylvain Utard 2015-12-23 18:08:17 +01:00
commit ca98a9d9ad
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/styles/_variables.scss
View file

@ -9,5 +9,7 @@ $color-left-column-bg: #F1F3F5;
$color-left-column: #555;
$breakpoint-medium: 568px;
$breakpoint-large: 768px;;
$breakpoint-large: 768px;
$dropdown-min-width-medium: 400px;
$dropdown-min-width-large: 600px;

8
src/styles/main.scss
View file

@ -14,8 +14,6 @@
margin: 6px 0 0;
padding: 4px;
text-align: left;
left: -20px !important; // Hardcoded
right: -320px !important; // Hardcoded
}
// Each suggestion
@ -111,6 +109,9 @@
// BREAKPOINT 1:
// Screen is big enough to display the text snippets
@media (min-width: $breakpoint-medium) {
.aa-dropdown-menu {
min-width: $dropdown-min-width-medium;
}
.algolia-docsearch-suggestion--text {
display: block;
font-size: .9em;
@ -121,6 +122,9 @@
// BREAKPOINT 2:
// Screen is big enough to display results in two columns
@media (min-width: $breakpoint-large) {
.aa-dropdown-menu {
min-width: $dropdown-min-width-large;
}
.algolia-docsearch-suggestion {
display: table;
width: 100%;