@1024pix/pix-ui 26.0.2 → 26.0.3

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
@@ -1,5 +1,11 @@
1
1
  # Pix-UI Changelog
2
2
 
3
+ ## v26.0.3 (16/02/2023)
4
+
5
+
6
+ ### :bug: Correction
7
+ - [#337](https://github.com/1024pix/pix-ui/pull/337) [BUGFIX] utiliser la font-size du navigateur pour le calcul de la taille du PixSelect (PIX-7128)
8
+
3
9
  ## v26.0.2 (14/02/2023)
4
10
 
5
11
 
@@ -158,8 +158,10 @@ export default class PixSelect extends Component {
158
158
 
159
159
  @action
160
160
  setSelectWidth() {
161
- const baseFontRemRatio = 16;
162
- const checkIconWidth = 16;
161
+ const baseFontRemRatio = Number(
162
+ getComputedStyle(document.querySelector('html')).fontSize.match(/\d+(\.\d+)?/)[0]
163
+ );
164
+ const checkIconWidth = 1.125 * baseFontRemRatio;
163
165
  const listWidth = document.getElementById(this.listId).getBoundingClientRect().width;
164
166
  const selectWidth = (listWidth + checkIconWidth) / baseFontRemRatio;
165
167
 
@@ -13,11 +13,10 @@
13
13
  &__dropdown {
14
14
  z-index: 200;
15
15
  position: absolute;
16
- border-top: none;
17
- border-radius: 0 0 4px 4px;
18
- overflow-y: auto;
19
16
  max-height: 200px;
20
17
  width: inherit;
18
+ border-top: none;
19
+ border-radius: 0 0 4px 4px;
21
20
  list-style-type: none;
22
21
  padding: 0;
23
22
  background-color: $pix-neutral-0;
@@ -69,6 +68,8 @@
69
68
  }
70
69
 
71
70
  &__options {
71
+ overflow-y: auto;
72
+ max-height: inherit;
72
73
  border-top: 1px solid $pix-neutral-20;
73
74
  }
74
75
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "26.0.2",
3
+ "version": "26.0.3",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"