@astral/ui 4.73.0 → 4.73.1
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.
|
@@ -70,7 +70,9 @@ export const HeaderSection = styled.div `
|
|
|
70
70
|
align-items: center;
|
|
71
71
|
|
|
72
72
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
73
|
-
flex-
|
|
73
|
+
flex-shrink: 0;
|
|
74
|
+
|
|
75
|
+
min-width: 0;
|
|
74
76
|
}
|
|
75
77
|
`;
|
|
76
78
|
export const HeaderContentSection = styled(HeaderSection) `
|
|
@@ -78,6 +80,8 @@ export const HeaderContentSection = styled(HeaderSection) `
|
|
|
78
80
|
justify-content: flex-end;
|
|
79
81
|
|
|
80
82
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
83
|
+
flex-grow: 1;
|
|
84
|
+
flex-shrink: unset;
|
|
81
85
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
82
86
|
|
|
83
87
|
&.${dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
@@ -119,6 +123,7 @@ export const HeaderContent = styled.div `
|
|
|
119
123
|
justify-content: space-between;
|
|
120
124
|
|
|
121
125
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
126
|
+
width: 100%;
|
|
122
127
|
padding: 0;
|
|
123
128
|
}
|
|
124
129
|
`;
|
|
@@ -127,6 +132,17 @@ export const HeaderContent = styled.div `
|
|
|
127
132
|
*/
|
|
128
133
|
export const PriorityFeatureWrapper = styled.div `
|
|
129
134
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
135
|
+
display: flex;
|
|
136
|
+
justify-content: flex-end;
|
|
137
|
+
|
|
138
|
+
min-width: 0;
|
|
139
|
+
|
|
140
|
+
&.${dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
141
|
+
& .${menuOrganizationClassnames.button} {
|
|
142
|
+
padding: ${({ theme }) => theme.spacing(2, 0)};
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
130
146
|
&.${dashboardLayoutHeaderClassnames.featureInSidebar} {
|
|
131
147
|
position: absolute;
|
|
132
148
|
z-index: ${({ theme }) => theme.zIndex.appBar - 1};
|
|
@@ -188,6 +204,10 @@ export const PriorityFeatureWrapper = styled.div `
|
|
|
188
204
|
}
|
|
189
205
|
|
|
190
206
|
&.${dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
207
|
+
& .${menuOrganizationClassnames.button} {
|
|
208
|
+
padding: ${({ theme }) => theme.spacing(2, 0)};
|
|
209
|
+
}
|
|
210
|
+
|
|
191
211
|
& .${dashboardLayoutHeaderClassnames.profile} {
|
|
192
212
|
display: block;
|
|
193
213
|
flex-grow: 1;
|
|
@@ -27,6 +27,7 @@ export const StyledButton = styled(Button) `
|
|
|
27
27
|
justify-content: space-between;
|
|
28
28
|
|
|
29
29
|
width: 100%;
|
|
30
|
+
min-width: unset;
|
|
30
31
|
max-width: unset;
|
|
31
32
|
|
|
32
33
|
border-radius: 0;
|
|
@@ -48,6 +49,8 @@ export const Container = styled.div `
|
|
|
48
49
|
display: flex;
|
|
49
50
|
flex-direction: column;
|
|
50
51
|
|
|
52
|
+
/* Позволяет элементу сжиматься до ширины контейнера */
|
|
53
|
+
min-width: 0;
|
|
51
54
|
max-width: 260px;
|
|
52
55
|
`;
|
|
53
56
|
export const StyledTypography = styled(Typography, {
|
|
@@ -73,7 +73,9 @@ exports.HeaderSection = styled_1.styled.div `
|
|
|
73
73
|
align-items: center;
|
|
74
74
|
|
|
75
75
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
76
|
-
flex-
|
|
76
|
+
flex-shrink: 0;
|
|
77
|
+
|
|
78
|
+
min-width: 0;
|
|
77
79
|
}
|
|
78
80
|
`;
|
|
79
81
|
exports.HeaderContentSection = (0, styled_1.styled)(exports.HeaderSection) `
|
|
@@ -81,6 +83,8 @@ exports.HeaderContentSection = (0, styled_1.styled)(exports.HeaderSection) `
|
|
|
81
83
|
justify-content: flex-end;
|
|
82
84
|
|
|
83
85
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
86
|
+
flex-grow: 1;
|
|
87
|
+
flex-shrink: unset;
|
|
84
88
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
85
89
|
|
|
86
90
|
&.${constants_6.dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
@@ -122,6 +126,7 @@ exports.HeaderContent = styled_1.styled.div `
|
|
|
122
126
|
justify-content: space-between;
|
|
123
127
|
|
|
124
128
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
129
|
+
width: 100%;
|
|
125
130
|
padding: 0;
|
|
126
131
|
}
|
|
127
132
|
`;
|
|
@@ -130,6 +135,17 @@ exports.HeaderContent = styled_1.styled.div `
|
|
|
130
135
|
*/
|
|
131
136
|
exports.PriorityFeatureWrapper = styled_1.styled.div `
|
|
132
137
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
138
|
+
display: flex;
|
|
139
|
+
justify-content: flex-end;
|
|
140
|
+
|
|
141
|
+
min-width: 0;
|
|
142
|
+
|
|
143
|
+
&.${constants_6.dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
144
|
+
& .${constants_1.menuOrganizationClassnames.button} {
|
|
145
|
+
padding: ${({ theme }) => theme.spacing(2, 0)};
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
133
149
|
&.${constants_6.dashboardLayoutHeaderClassnames.featureInSidebar} {
|
|
134
150
|
position: absolute;
|
|
135
151
|
z-index: ${({ theme }) => theme.zIndex.appBar - 1};
|
|
@@ -191,6 +207,10 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
|
|
|
191
207
|
}
|
|
192
208
|
|
|
193
209
|
&.${constants_6.dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
|
|
210
|
+
& .${constants_1.menuOrganizationClassnames.button} {
|
|
211
|
+
padding: ${({ theme }) => theme.spacing(2, 0)};
|
|
212
|
+
}
|
|
213
|
+
|
|
194
214
|
& .${constants_6.dashboardLayoutHeaderClassnames.profile} {
|
|
195
215
|
display: block;
|
|
196
216
|
flex-grow: 1;
|
|
@@ -30,6 +30,7 @@ exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
|
|
|
30
30
|
justify-content: space-between;
|
|
31
31
|
|
|
32
32
|
width: 100%;
|
|
33
|
+
min-width: unset;
|
|
33
34
|
max-width: unset;
|
|
34
35
|
|
|
35
36
|
border-radius: 0;
|
|
@@ -51,6 +52,8 @@ exports.Container = styled_1.styled.div `
|
|
|
51
52
|
display: flex;
|
|
52
53
|
flex-direction: column;
|
|
53
54
|
|
|
55
|
+
/* Позволяет элементу сжиматься до ширины контейнера */
|
|
56
|
+
min-width: 0;
|
|
54
57
|
max-width: 260px;
|
|
55
58
|
`;
|
|
56
59
|
exports.StyledTypography = (0, styled_1.styled)(Typography_1.Typography, {
|