Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2025-12-29 00:16:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

temp disable full screen dialog effect

Browse Source
This commit is contained in:
Sidney Alcantara
2022-09-19 18:02:42 +10:00
parent 433ee68c2c
commit 92c1fb5bf9
2 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme/colors.ts
View File

@@ -99,9 +99,9 @@ export const colorsLight = (
backgroundColor: colord({ l: 70, c: 5, h })
.alpha(0.6)
.toHslString(),
".MuiDialog-root:has(.MuiDialog-paperFullScreen) &": {
backgroundColor: "rgba(0, 0, 0, 0)",
},
// ".MuiDialog-root:has(.MuiDialog-paperFullScreen) &": {
// backgroundColor: "rgba(0, 0, 0, 0)",
// },
},
invisible: { backgroundColor: "transparent" },
},
@@ -202,9 +202,9 @@ export const colorsDark = (
styleOverrides: {
root: {
backgroundColor: colord({ l: 0, c: 1, h }).alpha(0.6).toHslString(),
".MuiDialog-root:has(.MuiDialog-paperFullScreen) &": {
backgroundColor: "rgba(0, 0, 0, 0)",
},
// ".MuiDialog-root:has(.MuiDialog-paperFullScreen) &": {
// backgroundColor: "rgba(0, 0, 0, 0)",
// },
},
invisible: { backgroundColor: "transparent" },
},

70
src/theme/components.tsx
View File

@@ -81,22 +81,22 @@ export const components = (theme: Theme): ThemeOptions => {
body: { cursor: "default" },
"@supports selector(:has(a))": {
body: {
transition: "background-color 0s",
transitionDelay: theme.transitions.duration.leavingScreen + "ms",
},
// "@supports selector(:has(a))": {
// body: {
// transition: "background-color 0s",
// transitionDelay: theme.transitions.duration.leavingScreen + "ms",
// },
"#root": {
transformOrigin: `50% 0%`,
transition: theme.transitions.create([
"transform",
"border-radius",
]),
transitionDuration: `${theme.transitions.duration.leavingScreen}ms, 0s`,
transitionDelay: `0s, ${theme.transitions.duration.leavingScreen}ms`,
},
},
// "#root": {
// transformOrigin: `50% 0%`,
// transition: theme.transitions.create([
// "transform",
// "border-radius",
// ]),
// transitionDuration: `${theme.transitions.duration.leavingScreen}ms, 0s`,
// transitionDelay: `0s, ${theme.transitions.duration.leavingScreen}ms`,
// },
// },
"code, pre, pre.MuiTypography-root": {
fontFamily: theme.typography.fontFamilyMono,
@@ -279,28 +279,28 @@ export const components = (theme: Theme): ThemeOptions => {
paddingRight: "env(safe-area-inset-right)",
paddingBottom: "env(safe-area-inset-bottom)",
"body:has([data-open=true] &)": {
backgroundColor: theme.palette.common.black,
transitionDelay: "0s",
// "body:has([data-open=true] &)": {
// backgroundColor: theme.palette.common.black,
// transitionDelay: "0s",
"#root": {
borderRadius: (theme.shape.borderRadius as number) * 2,
overflow: "hidden",
filter: `grayscale(100%) contrast(${
theme.palette.mode === "dark" ? "80" : "75"
}%)`,
// "#root": {
// borderRadius: (theme.shape.borderRadius as number) * 2,
// overflow: "hidden",
// filter: `grayscale(100%) contrast(${
// theme.palette.mode === "dark" ? "80" : "75"
// }%)`,
transform: `scale(0.9)`,
transition: theme.transitions.create(
["transform", "border-radius"],
{
easing: theme.transitions.easing.easeOut,
}
),
transitionDuration: `${theme.transitions.duration.enteringScreen}ms, 0s`,
transitionDelay: "0s, 0s",
},
},
// transform: `scale(0.9)`,
// transition: theme.transitions.create(
// ["transform", "border-radius"],
// {
// easing: theme.transitions.easing.easeOut,
// }
// ),
// transitionDuration: `${theme.transitions.duration.enteringScreen}ms, 0s`,
// transitionDelay: "0s, 0s",
// },
// },
},
},
},