Made all search suggestion containers scrollable

This commit is contained in:
Piotr Janosz
2019-07-28 17:36:27 +02:00
committed by fabioberger
parent 34f4cf133b
commit de5c6c1ed0

View File

@@ -146,6 +146,17 @@ export const AutocompleteWrapper = styled.div<IWrapperProps>`
background-color: ${colors.white};
flex-grow: 1;
max-height: calc(100vh - 200px);
overflow-y: scroll;
/* Slim scroll bar */
scrollbar-width: 1px; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
&::-webkit-scrollbar {
width: 1px;
background: transparent; /* Chrome/Safari/Webkit */
}
&--focused,
&--open {
border: 1px solid #dbdfdd;
@@ -164,15 +175,6 @@ export const AutocompleteWrapper = styled.div<IWrapperProps>`
!isHome &&
`
width: 100%;
max-height: calc(100vh - 200px);
overflow-y: scroll;
scrollbar-width: 1px; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
&::-webkit-scrollbar {
width: 1px;
background: transparent; /* Chrome/Safari/Webkit */
}
@media (min-width: 1200px) {
width: 900px;