feat: Adds visual stacking to nested modals (#1189)

Fixes various mobile styling/layout issues
2020-02-26 19:36:23 -08:00
parent f8c53f8a88
commit afba1edae4
5 changed files with 76 additions and 20 deletions
--- a/shared/styles/theme.js
+++ b/shared/styles/theme.js
@@ -69,6 +69,7 @@ export const light = {
  sidebarBackground: colors.warmGrey,
  sidebarItemBackground: colors.black05,
  sidebarText: 'rgb(78, 92, 110)',
+  shadow: 'rgba(0, 0, 0, 0.2)',

  menuBackground: colors.white,
  menuShadow:
@@ -119,6 +120,7 @@ export const dark = {
  sidebarBackground: colors.veryDarkBlue,
  sidebarItemBackground: colors.veryDarkBlue,
  sidebarText: colors.slate,
+  shadow: 'rgba(0, 0, 0, 0.6)',

  menuBackground: lighten(0.015, colors.almostBlack),
  menuShadow: