@itwin/itwinui-react 2.11.10 → 2.11.11
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,10 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.11.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#3](https://github.com/iTwin/iTwinUI/pull/3): Fix resizable Dialog bug where Dialog jumped around the screen when resized on right side.
|
|
8
|
+
|
|
3
9
|
## 2.11.10
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [#
|
|
13
|
+
- [#1424](https://github.com/iTwin/iTwinUI/pull/1424), [#1427](https://github.com/iTwin/iTwinUI/pull/1427): Fixed a few different resizing issues in Dialog.
|
|
8
14
|
- Updated dependencies:
|
|
9
15
|
- @itwin/itwinui-css@1.11.5
|
|
10
16
|
|
|
@@ -117,15 +117,19 @@ const Resizer = (props) => {
|
|
|
117
117
|
}
|
|
118
118
|
case 'right': {
|
|
119
119
|
width = elementRef.current.style.width = `${initialWidth - diffX}px`;
|
|
120
|
+
height = elementRef.current.style.height = `${initialHeight}px`;
|
|
121
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
120
122
|
break;
|
|
121
123
|
}
|
|
122
124
|
case 'bottom-right': {
|
|
123
125
|
width = elementRef.current.style.width = `${initialWidth - diffX}px`;
|
|
124
126
|
height = elementRef.current.style.height = `${initialHeight - diffY}px`;
|
|
127
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
125
128
|
break;
|
|
126
129
|
}
|
|
127
130
|
case 'bottom': {
|
|
128
131
|
height = elementRef.current.style.height = `${initialHeight - diffY}px`;
|
|
132
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
129
133
|
break;
|
|
130
134
|
}
|
|
131
135
|
case 'bottom-left': {
|
|
@@ -144,6 +148,7 @@ const Resizer = (props) => {
|
|
|
144
148
|
break;
|
|
145
149
|
}
|
|
146
150
|
width = elementRef.current.style.width = `${newWidth}px`;
|
|
151
|
+
height = elementRef.current.style.height = `${initialHeight}px`;
|
|
147
152
|
translateX = initialTranslateX - diffX;
|
|
148
153
|
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
149
154
|
break;
|
|
@@ -91,15 +91,19 @@ export const Resizer = (props) => {
|
|
|
91
91
|
}
|
|
92
92
|
case 'right': {
|
|
93
93
|
width = elementRef.current.style.width = `${initialWidth - diffX}px`;
|
|
94
|
+
height = elementRef.current.style.height = `${initialHeight}px`;
|
|
95
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
94
96
|
break;
|
|
95
97
|
}
|
|
96
98
|
case 'bottom-right': {
|
|
97
99
|
width = elementRef.current.style.width = `${initialWidth - diffX}px`;
|
|
98
100
|
height = elementRef.current.style.height = `${initialHeight - diffY}px`;
|
|
101
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
99
102
|
break;
|
|
100
103
|
}
|
|
101
104
|
case 'bottom': {
|
|
102
105
|
height = elementRef.current.style.height = `${initialHeight - diffY}px`;
|
|
106
|
+
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
103
107
|
break;
|
|
104
108
|
}
|
|
105
109
|
case 'bottom-left': {
|
|
@@ -118,6 +122,7 @@ export const Resizer = (props) => {
|
|
|
118
122
|
break;
|
|
119
123
|
}
|
|
120
124
|
width = elementRef.current.style.width = `${newWidth}px`;
|
|
125
|
+
height = elementRef.current.style.height = `${initialHeight}px`;
|
|
121
126
|
translateX = initialTranslateX - diffX;
|
|
122
127
|
elementRef.current.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
123
128
|
break;
|