@selfcommunity/react-theme-default 0.5.0-mui7.51 → 0.5.0-mui7.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -43,10 +43,6 @@ declare const Component: {
43
43
  display: string;
44
44
  justifyContent: string;
45
45
  };
46
- '& .SCEvent-skeleton-preview-name': {
47
- marginTop: number;
48
- marginBottom: number;
49
- };
50
46
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
51
47
  maxWidth: string;
52
48
  };
@@ -81,10 +77,10 @@ declare const Component: {
81
77
  };
82
78
  skeletonRoot: ({ theme }: any) => {
83
79
  '& .SCEvents-skeleton-events': {
84
- justifyContent: string;
85
80
  marginTop: any;
86
81
  '& .SCEvents-skeleton-item': {
87
82
  paddingTop: any;
83
+ width: string;
88
84
  };
89
85
  };
90
86
  };
@@ -45,10 +45,6 @@ const Component = {
45
45
  display: 'flex',
46
46
  justifyContent: 'space-between'
47
47
  },
48
- '& .SCEvent-skeleton-preview-name': {
49
- marginTop: 6,
50
- marginBottom: 6
51
- },
52
48
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
53
49
  maxWidth: '70%'
54
50
  }
@@ -83,10 +79,10 @@ const Component = {
83
79
  }),
84
80
  skeletonRoot: ({ theme }) => ({
85
81
  '& .SCEvents-skeleton-events': {
86
- justifyContent: 'center',
87
82
  marginTop: theme.spacing(2),
88
83
  '& .SCEvents-skeleton-item': {
89
- paddingTop: theme.spacing(2)
84
+ paddingTop: theme.spacing(2),
85
+ width: '200px'
90
86
  }
91
87
  }
92
88
  }),
@@ -2,12 +2,19 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCCommentsFeedObject-root': {
5
+ [x: number]: {
6
+ width: string;
7
+ };
5
8
  padding: any;
6
9
  '& .SCCommentsObject-root h6': {
7
10
  paddingLeft: any;
8
11
  };
9
12
  };
10
13
  '& .SCFeedObject-detail': {
14
+ [x: number]: {
15
+ width: string;
16
+ margin: any;
17
+ };
11
18
  '& .SCFeedObject-content': {
12
19
  '& .SCFeedObject-text-section .SCFeedObject-text': {
13
20
  '& span': {
@@ -5,11 +5,18 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCCommentsFeedObject-root': {
7
7
  padding: theme.spacing(2, 1),
8
+ [theme.breakpoints.down('md')]: {
9
+ width: 'auto'
10
+ },
8
11
  '& .SCCommentsObject-root h6': {
9
12
  paddingLeft: theme.spacing(2)
10
13
  }
11
14
  },
12
15
  '& .SCFeedObject-detail': {
16
+ [theme.breakpoints.down('md')]: {
17
+ width: 'auto',
18
+ margin: theme.spacing(0, 1)
19
+ },
13
20
  '& .SCFeedObject-content': {
14
21
  '& .SCFeedObject-text-section .SCFeedObject-text': {
15
22
  '& span': {
@@ -4725,12 +4725,19 @@ declare const theme: {
4725
4725
  styleOverrides: {
4726
4726
  root: ({ theme }: any) => {
4727
4727
  '& .SCCommentsFeedObject-root': {
4728
+ [x: number]: {
4729
+ width: string;
4730
+ };
4728
4731
  padding: any;
4729
4732
  '& .SCCommentsObject-root h6': {
4730
4733
  paddingLeft: any;
4731
4734
  };
4732
4735
  };
4733
4736
  '& .SCFeedObject-detail': {
4737
+ [x: number]: {
4738
+ width: string;
4739
+ margin: any;
4740
+ };
4734
4741
  '& .SCFeedObject-content': {
4735
4742
  '& .SCFeedObject-text-section .SCFeedObject-text': {
4736
4743
  '& span': {
@@ -9957,10 +9964,6 @@ declare const theme: {
9957
9964
  display: string;
9958
9965
  justifyContent: string;
9959
9966
  };
9960
- '& .SCEvent-skeleton-preview-name': {
9961
- marginTop: number;
9962
- marginBottom: number;
9963
- };
9964
9967
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
9965
9968
  maxWidth: string;
9966
9969
  };
@@ -9995,10 +9998,10 @@ declare const theme: {
9995
9998
  };
9996
9999
  skeletonRoot: ({ theme }: any) => {
9997
10000
  '& .SCEvents-skeleton-events': {
9998
- justifyContent: string;
9999
10001
  marginTop: any;
10000
10002
  '& .SCEvents-skeleton-item': {
10001
10003
  paddingTop: any;
10004
+ width: string;
10002
10005
  };
10003
10006
  };
10004
10007
  };
@@ -43,10 +43,6 @@ declare const Component: {
43
43
  display: string;
44
44
  justifyContent: string;
45
45
  };
46
- '& .SCEvent-skeleton-preview-name': {
47
- marginTop: number;
48
- marginBottom: number;
49
- };
50
46
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
51
47
  maxWidth: string;
52
48
  };
@@ -81,10 +77,10 @@ declare const Component: {
81
77
  };
82
78
  skeletonRoot: ({ theme }: any) => {
83
79
  '& .SCEvents-skeleton-events': {
84
- justifyContent: string;
85
80
  marginTop: any;
86
81
  '& .SCEvents-skeleton-item': {
87
82
  paddingTop: any;
83
+ width: string;
88
84
  };
89
85
  };
90
86
  };
@@ -43,10 +43,6 @@ const Component = {
43
43
  display: 'flex',
44
44
  justifyContent: 'space-between'
45
45
  },
46
- '& .SCEvent-skeleton-preview-name': {
47
- marginTop: 6,
48
- marginBottom: 6
49
- },
50
46
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
51
47
  maxWidth: '70%'
52
48
  }
@@ -81,10 +77,10 @@ const Component = {
81
77
  }),
82
78
  skeletonRoot: ({ theme }) => ({
83
79
  '& .SCEvents-skeleton-events': {
84
- justifyContent: 'center',
85
80
  marginTop: theme.spacing(2),
86
81
  '& .SCEvents-skeleton-item': {
87
- paddingTop: theme.spacing(2)
82
+ paddingTop: theme.spacing(2),
83
+ width: '200px'
88
84
  }
89
85
  }
90
86
  }),
@@ -2,12 +2,19 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCCommentsFeedObject-root': {
5
+ [x: number]: {
6
+ width: string;
7
+ };
5
8
  padding: any;
6
9
  '& .SCCommentsObject-root h6': {
7
10
  paddingLeft: any;
8
11
  };
9
12
  };
10
13
  '& .SCFeedObject-detail': {
14
+ [x: number]: {
15
+ width: string;
16
+ margin: any;
17
+ };
11
18
  '& .SCFeedObject-content': {
12
19
  '& .SCFeedObject-text-section .SCFeedObject-text': {
13
20
  '& span': {
@@ -3,11 +3,18 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCCommentsFeedObject-root': {
5
5
  padding: theme.spacing(2, 1),
6
+ [theme.breakpoints.down('md')]: {
7
+ width: 'auto'
8
+ },
6
9
  '& .SCCommentsObject-root h6': {
7
10
  paddingLeft: theme.spacing(2)
8
11
  }
9
12
  },
10
13
  '& .SCFeedObject-detail': {
14
+ [theme.breakpoints.down('md')]: {
15
+ width: 'auto',
16
+ margin: theme.spacing(0, 1)
17
+ },
11
18
  '& .SCFeedObject-content': {
12
19
  '& .SCFeedObject-text-section .SCFeedObject-text': {
13
20
  '& span': {
@@ -4725,12 +4725,19 @@ declare const theme: {
4725
4725
  styleOverrides: {
4726
4726
  root: ({ theme }: any) => {
4727
4727
  '& .SCCommentsFeedObject-root': {
4728
+ [x: number]: {
4729
+ width: string;
4730
+ };
4728
4731
  padding: any;
4729
4732
  '& .SCCommentsObject-root h6': {
4730
4733
  paddingLeft: any;
4731
4734
  };
4732
4735
  };
4733
4736
  '& .SCFeedObject-detail': {
4737
+ [x: number]: {
4738
+ width: string;
4739
+ margin: any;
4740
+ };
4734
4741
  '& .SCFeedObject-content': {
4735
4742
  '& .SCFeedObject-text-section .SCFeedObject-text': {
4736
4743
  '& span': {
@@ -9957,10 +9964,6 @@ declare const theme: {
9957
9964
  display: string;
9958
9965
  justifyContent: string;
9959
9966
  };
9960
- '& .SCEvent-skeleton-preview-name': {
9961
- marginTop: number;
9962
- marginBottom: number;
9963
- };
9964
9967
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
9965
9968
  maxWidth: string;
9966
9969
  };
@@ -9995,10 +9998,10 @@ declare const theme: {
9995
9998
  };
9996
9999
  skeletonRoot: ({ theme }: any) => {
9997
10000
  '& .SCEvents-skeleton-events': {
9998
- justifyContent: string;
9999
10001
  marginTop: any;
10000
10002
  '& .SCEvents-skeleton-item': {
10001
10003
  paddingTop: any;
10004
+ width: string;
10002
10005
  };
10003
10006
  };
10004
10007
  };