@cloud-ru/ds-uikit-product-header 2.1.4-preview-038cf752.0 → 2.1.4-preview-baf8f3bd.0
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.
- package/dist/cjs/components/MainMenu/helperComponents/Banners/styles.module.css +1 -0
- package/dist/cjs/components/MainMenu/helperComponents/Content/styles.module.css +1 -1
- package/dist/cjs/style.css +2 -1
- package/dist/esm/components/MainMenu/helperComponents/Banners/styles.module.css +1 -0
- package/dist/esm/components/MainMenu/helperComponents/Content/styles.module.css +1 -1
- package/dist/esm/style.css +2 -1
- package/package.json +13 -13
- package/src/components/MainMenu/helperComponents/Banners/styles.module.scss +1 -0
- package/src/components/MainMenu/helperComponents/Content/styles.module.scss +2 -2
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
.rightTop:not([data-mobile]){
|
|
29
29
|
display:grid;
|
|
30
|
-
grid-template-columns:repeat(auto-fit, minmax(max(
|
|
30
|
+
grid-template-columns:repeat(auto-fit, minmax(max(252px, (100% - var(--sn-primitive-dimension-4, 4px)) / 2), 1fr));
|
|
31
31
|
gap:var(--sn-primitive-dimension-4, 4px);
|
|
32
32
|
}
|
|
33
33
|
.rightTop[data-mobile]{
|
package/dist/cjs/style.css
CHANGED
|
@@ -169,6 +169,7 @@
|
|
|
169
169
|
|
|
170
170
|
.promoTag{
|
|
171
171
|
cursor:inherit;
|
|
172
|
+
flex-shrink:0;
|
|
172
173
|
}
|
|
173
174
|
.root{
|
|
174
175
|
display:flex;
|
|
@@ -584,7 +585,7 @@
|
|
|
584
585
|
}
|
|
585
586
|
.rightTop:not([data-mobile]){
|
|
586
587
|
display:grid;
|
|
587
|
-
grid-template-columns:repeat(auto-fit, minmax(max(
|
|
588
|
+
grid-template-columns:repeat(auto-fit, minmax(max(252px, (100% - var(--sn-primitive-dimension-4, 4px)) / 2), 1fr));
|
|
588
589
|
gap:var(--sn-primitive-dimension-4, 4px);
|
|
589
590
|
}
|
|
590
591
|
.rightTop[data-mobile]{
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
.rightTop:not([data-mobile]){
|
|
29
29
|
display:grid;
|
|
30
|
-
grid-template-columns:repeat(auto-fit, minmax(max(
|
|
30
|
+
grid-template-columns:repeat(auto-fit, minmax(max(252px, (100% - var(--sn-primitive-dimension-4, 4px)) / 2), 1fr));
|
|
31
31
|
gap:var(--sn-primitive-dimension-4, 4px);
|
|
32
32
|
}
|
|
33
33
|
.rightTop[data-mobile]{
|
package/dist/esm/style.css
CHANGED
|
@@ -169,6 +169,7 @@
|
|
|
169
169
|
|
|
170
170
|
.promoTag{
|
|
171
171
|
cursor:inherit;
|
|
172
|
+
flex-shrink:0;
|
|
172
173
|
}
|
|
173
174
|
.root{
|
|
174
175
|
display:flex;
|
|
@@ -584,7 +585,7 @@
|
|
|
584
585
|
}
|
|
585
586
|
.rightTop:not([data-mobile]){
|
|
586
587
|
display:grid;
|
|
587
|
-
grid-template-columns:repeat(auto-fit, minmax(max(
|
|
588
|
+
grid-template-columns:repeat(auto-fit, minmax(max(252px, (100% - var(--sn-primitive-dimension-4, 4px)) / 2), 1fr));
|
|
588
589
|
gap:var(--sn-primitive-dimension-4, 4px);
|
|
589
590
|
}
|
|
590
591
|
.rightTop[data-mobile]{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/ds-uikit-product-header",
|
|
3
|
-
"version": "2.1.4-preview-
|
|
3
|
+
"version": "2.1.4-preview-baf8f3bd.0",
|
|
4
4
|
"description": "Продуктовая шапка консоли — HeaderLayout, MainMenu, UserMenu, Logo, PathBreadcrumbs и PlatformLogo.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -45,33 +45,33 @@
|
|
|
45
45
|
"@dnd-kit/utilities": "^3.2.2",
|
|
46
46
|
"classnames": "^2.5.1",
|
|
47
47
|
"fuse.js": "^7.1.0",
|
|
48
|
-
"@cloud-ru/ds-accordion": "1.2.1",
|
|
49
|
-
"@cloud-ru/ds-adaptive": "1.0.2",
|
|
50
|
-
"@cloud-ru/ds-breadcrumbs": "1.0.29",
|
|
51
48
|
"@cloud-ru/ds-button": "1.0.4",
|
|
49
|
+
"@cloud-ru/ds-avatar": "1.0.11",
|
|
50
|
+
"@cloud-ru/ds-adaptive": "1.0.2",
|
|
52
51
|
"@cloud-ru/ds-card": "1.0.22",
|
|
53
52
|
"@cloud-ru/ds-divider": "1.0.2",
|
|
54
|
-
"@cloud-ru/ds-avatar": "1.0.11",
|
|
55
53
|
"@cloud-ru/ds-drag-and-drop": "1.1.3",
|
|
54
|
+
"@cloud-ru/ds-accordion": "1.2.1",
|
|
55
|
+
"@cloud-ru/ds-drawer": "2.0.1-preview-baf8f3bd.0",
|
|
56
56
|
"@cloud-ru/ds-icons": "1.5.0",
|
|
57
|
-
"@cloud-ru/ds-info-block": "1.0.3",
|
|
58
|
-
"@cloud-ru/ds-drawer": "2.0.1-preview-038cf752.0",
|
|
59
57
|
"@cloud-ru/ds-list": "2.3.2",
|
|
60
58
|
"@cloud-ru/ds-locale": "1.0.0",
|
|
61
59
|
"@cloud-ru/ds-modal": "2.0.0",
|
|
62
|
-
"@cloud-ru/ds-
|
|
63
|
-
"@cloud-ru/ds-promo-tag": "1.0.4-preview-038cf752.0",
|
|
60
|
+
"@cloud-ru/ds-promo-tag": "1.0.4-preview-baf8f3bd.0",
|
|
64
61
|
"@cloud-ru/ds-scroll": "1.0.5",
|
|
62
|
+
"@cloud-ru/ds-portal-context": "1.0.2",
|
|
65
63
|
"@cloud-ru/ds-search": "1.0.14",
|
|
64
|
+
"@cloud-ru/ds-info-block": "1.0.3",
|
|
65
|
+
"@cloud-ru/ds-skeleton": "1.0.2",
|
|
66
66
|
"@cloud-ru/ds-segment-control": "1.0.13",
|
|
67
|
-
"@cloud-ru/ds-theme": "2.1.0",
|
|
68
67
|
"@cloud-ru/ds-tooltip": "1.0.11",
|
|
69
68
|
"@cloud-ru/ds-typography": "1.0.1",
|
|
70
|
-
"@cloud-ru/ds-
|
|
69
|
+
"@cloud-ru/ds-theme": "2.1.0",
|
|
70
|
+
"@cloud-ru/ds-uikit-product-card-predefined": "4.0.10-preview-baf8f3bd.0",
|
|
71
|
+
"@cloud-ru/ds-uikit-product-title-clickable": "1.0.16",
|
|
71
72
|
"@cloud-ru/ds-uikit-product-switch-row": "1.0.14",
|
|
72
|
-
"@cloud-ru/ds-skeleton": "1.0.2",
|
|
73
73
|
"@cloud-ru/ds-utils": "1.2.0",
|
|
74
|
-
"@cloud-ru/ds-
|
|
74
|
+
"@cloud-ru/ds-breadcrumbs": "1.0.29"
|
|
75
75
|
},
|
|
76
76
|
"publishConfig": {
|
|
77
77
|
"access": "public"
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
|
|
34
34
|
&:not([data-mobile]) {
|
|
35
35
|
// Не больше двух колонок: минимальная ширина колонки не меньше половины контейнера (за вычетом gap),
|
|
36
|
-
// а при ширине меньше 2 ×
|
|
36
|
+
// а при ширине меньше 2 × 252px баннеры встают в одну колонку. `auto-fit` схлопывает пустые колонки: один баннер занимает всю ширину.
|
|
37
37
|
display: grid;
|
|
38
38
|
grid-template-columns: repeat(
|
|
39
39
|
auto-fit,
|
|
40
|
-
minmax(max(
|
|
40
|
+
minmax(max(252px, calc((100% - #{base.$sn-primitive-dimension-4}) / 2)), 1fr)
|
|
41
41
|
);
|
|
42
42
|
gap: base.$sn-primitive-dimension-4;
|
|
43
43
|
}
|