crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix for menu z-index

Browse Source
This commit is contained in:
David Sun
2019-04-05 15:01:07 -07:00
parent 02f7064953
commit ded849fd6d
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/website/ts/pages/explore.tsx
View File

@@ -340,6 +340,8 @@ const ExploreHero = (props: ExploreHeroProps) => {
const ExploreToolBarWrapper = styled.div` const ExploreToolBarWrapper = styled.div`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
z-index: 1;
position: relative;
${addFadeInAnimation('0.5s', '0.15s')} ${addFadeInAnimation('0.5s', '0.15s')}
@media (max-width: 36rem) { @media (max-width: 36rem) {
display: block; display: block;

2
packages/website/ts/pages/explore/explore_grid.tsx
View File

@@ -124,6 +124,8 @@ const ExploreGridList = styled.div<ExploreGridListProps>`
grid-template-columns: repeat(${ExploreTileGridWidth.ThreeColumn}, 1fr); grid-template-columns: repeat(${ExploreTileGridWidth.ThreeColumn}, 1fr);
grid-column-gap: 1.5rem; grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem; grid-row-gap: 1.5rem;
z-index: 0;
position: relative;
${addFadeInAnimation('0.5s', '0.25s')} ${addFadeInAnimation('0.5s', '0.25s')}
& > * { & > * {
align-self: stretch; align-self: stretch;