@vtex/faststore-plugin-buyer-portal 1.1.86 → 1.1.87

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.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/src/features/custom-fields/layouts/CustomFieldsLayout/custom-fields-layout.scss +4 -0
  3. package/src/features/payment-methods/components/SearchPaymentMethods/search-payment-methods.scss +1 -1
  4. package/src/features/payment-methods/layouts/PaymentMethodsLayout/payment-methods-layout.scss +1 -1
  5. package/src/features/shared/components/HeaderInside/header-inside.scss +1 -1
  6. package/src/features/shared/layouts/BaseTabsLayout/base-tabs-layout.scss +6 -1
  7. package/src/features/shared/layouts/CustomFieldLayout/CustomFieldLayout.tsx +1 -0
  8. package/src/features/shared/layouts/CustomFieldLayout/custom-field-layout.scss +28 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtex/faststore-plugin-buyer-portal",
3
- "version": "1.1.86",
3
+ "version": "1.1.87",
4
4
  "description": "A plugin for faststore with buyer portal",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/features/custom-fields/layouts/CustomFieldsLayout/custom-fields-layout.scss CHANGED
@@ -9,6 +9,10 @@
9
9
 
10
10
  width: 100%;
11
11
 
12
+ @include media("<=notebook") {
13
+ padding: 0;
14
+ }
15
+
12
16
  [data-fs-bp-header-inside] {
13
17
  #header-inside-button-ghost {
14
18
  background-color: transparent;
package/src/features/payment-methods/components/SearchPaymentMethods/search-payment-methods.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  display: block;
15
15
  }
16
16
 
17
- @media (max-width: 768px) {
17
+ @include media("<=tablet") {
18
18
  [data-fs-payment-methods-section] {
19
19
  [data-fs-buyer-portal-internal-search] {
20
20
  width: 100%;
package/src/features/payment-methods/layouts/PaymentMethodsLayout/payment-methods-layout.scss CHANGED
@@ -107,7 +107,7 @@
107
107
  text-align: end;
108
108
  display: none;
109
109
  margin-top: var(--fs-spacing-3);
110
- @media (max-width: 768px) {
110
+ @include media("<=tablet") {
111
111
  display: block;
112
112
  }
113
113
  }
package/src/features/shared/components/HeaderInside/header-inside.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  justify-content: space-between;
5
5
  align-items: center;
6
- margin: var(--fs-spacing-6) 0;
6
+ margin: var(--fs-spacing-5) 0;
7
7
 
8
8
  [data-fs-bp-back-link] {
9
9
  margin-right: var(--fs-spacing-3);
package/src/features/shared/layouts/BaseTabsLayout/base-tabs-layout.scss CHANGED
@@ -74,6 +74,11 @@
74
74
  [data-fs-bp-nav-menu-actions] {
75
75
  display: flex;
76
76
  align-items: center;
77
+ [data-fs-bp-nav-menu-start-shopping-link] {
78
+ }
79
+ @include media("<=tablet") {
80
+ display: none;
81
+ }
77
82
  }
78
83
 
79
84
  [data-fs-bp-nav-menu-start-shopping-link] {
@@ -119,7 +124,7 @@
119
124
 
120
125
  padding: var(--fs-spacing-6);
121
126
  overflow-y: auto;
122
-
127
+
123
128
  @include media("<notebook") {
124
129
  display: none;
125
130
  }
package/src/features/shared/layouts/CustomFieldLayout/CustomFieldLayout.tsx CHANGED
@@ -90,6 +90,7 @@ export const CustomFieldLayout = ({
90
90
  searchTerm={searchValue}
91
91
  />
92
92
  <Pagination
93
+ data-fs-bp-custom-field-bottom-pagination
93
94
  currentCount={data.length}
94
95
  total={pagination.total}
95
96
  showMore={pagination.loadMore}
package/src/features/shared/layouts/CustomFieldLayout/custom-field-layout.scss CHANGED
@@ -17,9 +17,26 @@
17
17
 
18
18
  [data-fs-bp-custom-fields-wrapper] {
19
19
  display: flex;
20
- align-items: center;
21
20
  justify-content: space-between;
22
- height: 2.5rem;
21
+ align-items: baseline;
22
+ gap: var(--fs-spacing-1);
23
+ width: 100%;
24
+
25
+ [data-fs-bp-pagination] {
26
+ font-size: var(--fs-text-size-1);
27
+ color: #5c5c5c;
28
+ display: block;
29
+ }
30
+
31
+ @include media("<=tablet") {
32
+ [data-fs-buyer-portal-internal-search] {
33
+ width: 100%;
34
+ }
35
+
36
+ [data-fs-bp-pagination] {
37
+ display: none;
38
+ }
39
+ }
23
40
  }
24
41
 
25
42
  [data-fs-bp-custom-fields-empty-state] {
@@ -38,4 +55,13 @@
38
55
  height: 2.5rem;
39
56
  }
40
57
  }
58
+ section {
59
+ [data-fs-bp-pagination] {
60
+ display: none;
61
+
62
+ @include media("<=tablet") {
63
+ display: flex;
64
+ }
65
+ }
66
+ }
41
67
  }