@vtex/faststore-plugin-buyer-portal 1.3.23 → 1.3.24

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/CHANGELOG.md CHANGED
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [1.3.24] - 2025-11-25
11
+
12
+ ### Added
13
+
14
+ - Adjusts the position of the **“+”** button in the responsive layout
15
+
10
16
  ## [1.3.23] - 2025-11-25
11
17
 
12
18
  ### Changed
@@ -241,7 +247,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
241
247
  - Add CHANGELOG file
242
248
  - Add README file
243
249
 
244
- [unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.23...HEAD
250
+ [unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.24...HEAD
245
251
  [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.2.2...1.2.3
246
252
  [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.3
247
253
  [1.2.4]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.4
@@ -256,6 +262,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
256
262
 
257
263
  # <<<<<<< HEAD
258
264
 
265
+ [1.3.24]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.23...v1.3.24
259
266
  [1.3.23]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.22...v1.3.23
260
267
  [1.3.22]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.21...v1.3.22
261
268
  [1.3.21]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.20...v1.3.21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtex/faststore-plugin-buyer-portal",
3
- "version": "1.3.23",
3
+ "version": "1.3.24",
4
4
  "description": "A plugin for faststore with buyer portal",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -26,25 +26,27 @@
26
26
  flex-direction: column;
27
27
  height: 100%;
28
28
 
29
- @include media("<=tablet") {
30
- padding: 0;
31
- }
29
+ @include media("<=phonemid") {
30
+ padding: 0 0 var(--fs-spacing-7) 0;
32
31
 
33
- [data-fs-bp-header-inside] {
34
- [data-fs-bp-header-buttons] > button {
35
- display: flex;
36
- }
37
- @include media("<=tablet") {
38
- [data-fs-header-inside-button]:nth-child(3) {
32
+ [data-fs-bp-header-inside] {
33
+ [data-fs-header-inside-button] {
39
34
  position: fixed;
40
35
  bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
41
36
  right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
37
+ padding: var(--fs-spacing-2);
42
38
  cursor: pointer;
43
- z-index: 1000;
39
+ z-index: 10;
44
40
  }
45
41
  }
46
42
  }
47
43
 
44
+ [data-fs-bp-header-inside] {
45
+ [data-fs-bp-header-buttons] > button {
46
+ display: flex;
47
+ }
48
+ }
49
+
48
50
  [data-fs-bp-address-tabs-paginator-last] {
49
51
  display: flex;
50
52
  justify-content: flex-end;
@@ -15,6 +15,21 @@
15
15
 
16
16
  width: 100%;
17
17
 
18
+ @include media("<=phonemid") {
19
+ padding-bottom: var(--fs-spacing-7);
20
+
21
+ [data-fs-bp-header-inside] {
22
+ [data-fs-header-inside-button] {
23
+ position: fixed;
24
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
25
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
26
+ padding: var(--fs-spacing-2);
27
+ cursor: pointer;
28
+ z-index: 10;
29
+ }
30
+ }
31
+ }
32
+
18
33
  [data-fs-button] {
19
34
  border-radius: var(--fs-border-radius-circle);
20
35
  padding: 0;
@@ -15,7 +15,7 @@
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
 
18
- @include media("<=tablet") {
18
+ @include media("<=phonemid") {
19
19
  padding-bottom: var(--fs-spacing-7);
20
20
 
21
21
  [data-fs-bp-header-inside] {
@@ -18,6 +18,21 @@
18
18
  padding: 0;
19
19
  }
20
20
 
21
+ @include media("<=phonemid") {
22
+ padding-bottom: var(--fs-spacing-7);
23
+
24
+ [data-fs-bp-header-inside] {
25
+ [data-fs-header-inside-button] {
26
+ position: fixed;
27
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
28
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
29
+ padding: var(--fs-spacing-2);
30
+ cursor: pointer;
31
+ z-index: 10;
32
+ }
33
+ }
34
+ }
35
+
21
36
  [data-fs-topbar-actions-wrapper] {
22
37
  display: flex;
23
38
  flex-direction: row;
@@ -13,6 +13,21 @@
13
13
  padding: 0;
14
14
  }
15
15
 
16
+ @include media("<=phonemid") {
17
+ padding-bottom: var(--fs-spacing-7);
18
+
19
+ [data-fs-bp-header-inside] {
20
+ [data-fs-header-inside-button] {
21
+ position: fixed;
22
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
23
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
24
+ padding: var(--fs-spacing-2);
25
+ cursor: pointer;
26
+ z-index: 10;
27
+ }
28
+ }
29
+ }
30
+
16
31
  [data-fs-bp-header-inside] {
17
32
  #header-inside-button-ghost {
18
33
  background-color: transparent;
@@ -16,6 +16,21 @@
16
16
  @import "../../../shared/components/HierarchyTree/hierarchy-tree.scss";
17
17
  @import "../../../shared/components/InternalSearch/internal-search.scss";
18
18
 
19
+ @include media("<=phonemid") {
20
+ padding-bottom: var(--fs-spacing-7);
21
+
22
+ [data-fs-bp-header-inside] {
23
+ [data-fs-header-inside-button] {
24
+ position: fixed;
25
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
26
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
27
+ padding: var(--fs-spacing-2);
28
+ cursor: pointer;
29
+ z-index: 10;
30
+ }
31
+ }
32
+ }
33
+
19
34
  [data-fs-hierarchy-tree-wrapper] {
20
35
  flex: 1;
21
36
  display: flex;
@@ -112,7 +112,9 @@
112
112
  }
113
113
  }
114
114
 
115
- @include media("<=tablet") {
115
+ @include media("<=phonemid") {
116
+ padding-bottom: var(--fs-spacing-7);
117
+
116
118
  [data-fs-buyer-portal-internal-search] {
117
119
  width: 100% !important;
118
120
  }
@@ -120,12 +122,11 @@
120
122
  [data-fs-bp-header-inside] {
121
123
  [data-fs-header-inside-button] {
122
124
  position: fixed;
123
- bottom: 20px;
124
- right: 20px;
125
- border: none;
126
- border-radius: 50%;
125
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
126
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
127
+ padding: var(--fs-spacing-2);
127
128
  cursor: pointer;
128
- z-index: 1;
129
+ z-index: 10;
129
130
  }
130
131
  }
131
132
  }
@@ -14,6 +14,21 @@
14
14
 
15
15
  width: 100%;
16
16
 
17
+ @include media("<=phonemid") {
18
+ padding-bottom: var(--fs-spacing-7);
19
+
20
+ [data-fs-bp-header-inside] {
21
+ [data-fs-header-inside-button] {
22
+ position: fixed;
23
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
24
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
25
+ padding: var(--fs-spacing-2);
26
+ cursor: pointer;
27
+ z-index: 10;
28
+ }
29
+ }
30
+ }
31
+
17
32
  [data-fs-bp-header] {
18
33
  display: flex;
19
34
  width: 100%;
@@ -13,4 +13,4 @@ export const LOCAL_STORAGE_LOCATION_EDIT_KEY = "bp_hide_edit_location_confirm";
13
13
  export const LOCAL_STORAGE_RECIPIENT_EDIT_KEY =
14
14
  "bp_hide_edit_recipient_confirm";
15
15
 
16
- export const CURRENT_VERSION = "1.3.23";
16
+ export const CURRENT_VERSION = "1.3.24";
@@ -19,6 +19,21 @@
19
19
 
20
20
  --data-fs-users-table-width: 11.875rem;
21
21
 
22
+ @include media("<=phonemid") {
23
+ padding-bottom: var(--fs-spacing-7);
24
+
25
+ [data-fs-bp-header-inside] {
26
+ [data-fs-header-inside-button] {
27
+ position: fixed;
28
+ bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
29
+ right: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
30
+ padding: var(--fs-spacing-2);
31
+ cursor: pointer;
32
+ z-index: 10;
33
+ }
34
+ }
35
+ }
36
+
22
37
  [data-fs-bp-header-inside-title] {
23
38
  @include media("<=phonemid") {
24
39
  font-size: var(--fs-text-size-1);