rails_modal_manager 1.0.48 → 1.0.49
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/rails_modal_manager.css +50 -0
- data/lib/rails_modal_manager/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9481f51d8692d8f4d563563d88b11d4711966cbcd0f6e4be84e5e3b0bb8546e3
|
|
4
|
+
data.tar.gz: 940ccf0628fe97fc6b26b3a2f0e1f0a02efd4736b628e2d672eb7c44118af52a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a0ccac08ed2e1bdf13f1344bf6e24e72091cb6719a46f52b467b763b007653abf3b0f6130e7058224a413e9ab86d07a21cbbca24ba06b073a19a3089e8344ad8
|
|
7
|
+
data.tar.gz: d08eca831b0f735ee8eb4b7b337a4f868e322af60583804a5e50e7041eb0abdff1d393597284d3378d5fae8f4b588fa3a7b45b71d765f731284f15923b13d225
|
|
@@ -1960,3 +1960,53 @@
|
|
|
1960
1960
|
display: none !important;
|
|
1961
1961
|
}
|
|
1962
1962
|
}
|
|
1963
|
+
|
|
1964
|
+
/* ============================================
|
|
1965
|
+
v1.0.48 — size=full 전환 플래시 제거 + 모바일 sheet 애니메이션
|
|
1966
|
+
============================================
|
|
1967
|
+
문제: mobile_default_maximized: true 모달은 JS 가 열릴 때 size-md → size-full
|
|
1968
|
+
로 클래스를 바꿈. 이 순간 transition 이 걸려 있어서 top/left/transform 이
|
|
1969
|
+
`translate(-50%,-50%) scale(0.94) translateY(14px)` → `none` 으로 보간되면서
|
|
1970
|
+
**모달이 중앙에서 좌상단으로 스르륵 미끄러지는 현상** 발생.
|
|
1971
|
+
|
|
1972
|
+
해결:
|
|
1973
|
+
(A) size-full 상태에서는 top/left/transform 의 transition 을 끊음.
|
|
1974
|
+
→ 중앙→좌상단 슬라이드 차단. opacity 만 페이드.
|
|
1975
|
+
(B) 모바일 + size-full 은 v2 의 `:sheet` variant 처럼 바닥에서 살짝
|
|
1976
|
+
올라오는 모션으로 대체. translate 개별 프로퍼티를 써서 기존
|
|
1977
|
+
`transform: none !important` 와 충돌 없음.
|
|
1978
|
+
*/
|
|
1979
|
+
|
|
1980
|
+
/* (A) size-full: 레이아웃 속성(top/left/transform) 전환 차단.
|
|
1981
|
+
opacity / box-shadow 만 전환되도록 transition 축소. */
|
|
1982
|
+
.rmm-modal.rmm-size-full {
|
|
1983
|
+
transition: opacity var(--rmm-dur-fast) var(--rmm-ease-in),
|
|
1984
|
+
visibility var(--rmm-dur-fast) var(--rmm-ease-in),
|
|
1985
|
+
box-shadow var(--rmm-dur-base) var(--rmm-ease-out) !important;
|
|
1986
|
+
}
|
|
1987
|
+
.rmm-modal.rmm-size-full.rmm-active {
|
|
1988
|
+
transition-duration: var(--rmm-dur-base) !important;
|
|
1989
|
+
transition-timing-function: var(--rmm-ease-emphasized) !important;
|
|
1990
|
+
}
|
|
1991
|
+
|
|
1992
|
+
/* (B) 모바일(≤768px) + size-full: translate 개별 프로퍼티로 sheet 느낌 엔트리.
|
|
1993
|
+
transform: none !important 는 그대로 두고 translate 만 보간. */
|
|
1994
|
+
@media (max-width: 768px) {
|
|
1995
|
+
.rmm-modal.rmm-size-full {
|
|
1996
|
+
translate: 0 24px;
|
|
1997
|
+
transition: opacity var(--rmm-dur-fast) var(--rmm-ease-in),
|
|
1998
|
+
visibility var(--rmm-dur-fast) var(--rmm-ease-in),
|
|
1999
|
+
translate var(--rmm-dur-fast) var(--rmm-ease-in),
|
|
2000
|
+
box-shadow var(--rmm-dur-base) var(--rmm-ease-out) !important;
|
|
2001
|
+
}
|
|
2002
|
+
.rmm-modal.rmm-size-full.rmm-active {
|
|
2003
|
+
translate: 0 0;
|
|
2004
|
+
transition-duration: var(--rmm-dur-base) !important;
|
|
2005
|
+
transition-timing-function: var(--rmm-ease-emphasized) !important;
|
|
2006
|
+
}
|
|
2007
|
+
/* 최소화/드래그 상태는 translate 개별 프로퍼티 초기화 (기존 로직 간섭 방지) */
|
|
2008
|
+
.rmm-modal.rmm-size-full.rmm-minimized,
|
|
2009
|
+
.rmm-modal.rmm-size-full.rmm-dragging {
|
|
2010
|
+
translate: 0 0;
|
|
2011
|
+
}
|
|
2012
|
+
}
|