coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: CSS stacking context issue with behind menu backdrops on mobile

Browse Source 
Moving the animation to the same element that has position: fixed resolves
This commit is contained in:
Tom Moor
2021-04-16 19:02:43 -07:00
parent 940ad8479e
commit c46a032f0b
3 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shared/styles/theme.js
View File

@ -134,7 +134,7 @@ export const light = {
sidebarBackground: colors.warmGrey,
sidebarItemBackground: colors.black10,
sidebarText: "rgb(78, 92, 110)",
sidebarShadow: "rgba(0, 0, 0, 0.2)",
backdrop: "rgba(0, 0, 0, 0.2)",
shadow: "rgba(0, 0, 0, 0.2)",
menuBackground: colors.white,
@ -194,7 +194,7 @@ export const dark = {
sidebarBackground: colors.veryDarkBlue,
sidebarItemBackground: colors.transparent,
sidebarText: colors.slate,
sidebarShadow: "rgba(255, 255, 255, 0.07)",
backdrop: "rgba(255, 255, 255, 0.3)",
shadow: "rgba(0, 0, 0, 0.6)",
menuBorder: lighten(0.1, colors.almostBlack),