Skip to content
This repository was archived by the owner on Aug 5, 2026. It is now read-only.

Commit cd9e312

Browse files
committed
[CAPY-2410][BpkDrawerV2] Revert clamped exit target
1 parent d526b04 commit cd9e312

1 file changed

Lines changed: 12 additions & 28 deletions

File tree

packages/backpack-web/src/bpk-component-drawer/src/BpkDrawerV2/BpkDrawerV2Content/BpkDrawerV2Content.module.scss

Lines changed: 12 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -238,18 +238,14 @@ html[dir='rtl']
238238
@keyframes bpk-drawer-v2-content-out-down {
239239
from {
240240
transform: translate3d(
241-
var(--drawer-translate-x, 0px),
242-
var(--drawer-translate-y, 0px),
241+
var(--drawer-translate-x, 0),
242+
var(--drawer-translate-y, 0),
243243
0
244244
);
245245
}
246246

247247
to {
248-
transform: translate3d(
249-
0,
250-
max(100%, var(--drawer-translate-y, 0px)),
251-
0
252-
);
248+
transform: translate3d(0, 100%, 0);
253249
}
254250
}
255251

@@ -270,18 +266,14 @@ html[dir='rtl']
270266
@keyframes bpk-drawer-v2-content-out-up {
271267
from {
272268
transform: translate3d(
273-
var(--drawer-translate-x, 0px),
274-
var(--drawer-translate-y, 0px),
269+
var(--drawer-translate-x, 0),
270+
var(--drawer-translate-y, 0),
275271
0
276272
);
277273
}
278274

279275
to {
280-
transform: translate3d(
281-
0,
282-
min(-100%, var(--drawer-translate-y, 0px)),
283-
0
284-
);
276+
transform: translate3d(0, -100%, 0);
285277
}
286278
}
287279

@@ -302,18 +294,14 @@ html[dir='rtl']
302294
@keyframes bpk-drawer-v2-content-out-left {
303295
from {
304296
transform: translate3d(
305-
var(--drawer-translate-x, 0px),
306-
var(--drawer-translate-y, 0px),
297+
var(--drawer-translate-x, 0),
298+
var(--drawer-translate-y, 0),
307299
0
308300
);
309301
}
310302

311303
to {
312-
transform: translate3d(
313-
min(-100%, var(--drawer-translate-x, 0px)),
314-
0,
315-
0
316-
);
304+
transform: translate3d(-100%, 0, 0);
317305
}
318306
}
319307

@@ -334,17 +322,13 @@ html[dir='rtl']
334322
@keyframes bpk-drawer-v2-content-out-right {
335323
from {
336324
transform: translate3d(
337-
var(--drawer-translate-x, 0px),
338-
var(--drawer-translate-y, 0px),
325+
var(--drawer-translate-x, 0),
326+
var(--drawer-translate-y, 0),
339327
0
340328
);
341329
}
342330

343331
to {
344-
transform: translate3d(
345-
max(100%, var(--drawer-translate-x, 0px)),
346-
0,
347-
0
348-
);
332+
transform: translate3d(100%, 0, 0);
349333
}
350334
}

0 commit comments

Comments
 (0)