rails_modal_manager 1.0.16 → 1.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ddfd329fb8f4ef8eff88d5d5d3284dcf02c9739d153252c0647e118433bb446
-  data.tar.gz: 37ae27aab69556b2d49037873677753002898892fad7ec3aec7671b1d08a25fa
+  metadata.gz: ddf5144ec6b2d218fcd7dcce4525caeb858a563bf0c500598e2495fbacc9ac0d
+  data.tar.gz: 6e14143e1f18ea4f21df847705f4d660f69fccd1dc03df7d63512b9d4cc73b13
 SHA512:
-  metadata.gz: 2871ebeb6b3dc8ff22beef165fb488b0c4acd8cb674faa8167c6b41d464cbd121ddb2ab17b811e28faf893a10b19f34a918139369eb4ab88f5346931bcb41c94
-  data.tar.gz: 10008b13adf85eea1729b346e228059ada4a849958dc08ea8f04c787f4cd4d930bcf938e5323fdc57ae55d5f9e2795bd5ed98436b5c267d89b7280ce24423db9
+  metadata.gz: 551384565588799321b3c4cd9431ec59ae66241b00ae80033972c808a393187f0ea6bcf297c13f04059c5b497706ff15969175a7b7bb7e725bbac5b411589c50
+  data.tar.gz: 58e4cbc16201e1524a439b54ca74a1311c3e67146ad6c0158d29bdbb5ba869b45cb89e8fae2c04fd7243ba91add145ec44e7977d7998be13f5182d0361e8cfdb

data/README.md

@@ -3,7 +3,7 @@
 Rails 애플리케이션을 위한 고급 모달 매니저입니다.
 `@reshacs/react-modal-manager`에서 포팅되었습니다.
 
-**Version:** 1.0.12
+**Version:** 1.0.17
 
 ---
 
@@ -789,6 +789,21 @@ MIT License
 
 ## 변경 이력
 
+### v1.0.17
+
+- **모바일 최대화 모달 사이드바 개선**: 최대화된 모달에서 사이드바가 접혔을 때 아이콘만 표시 (데스크톱과 동일한 UX)
+- **모바일 기본크기 버튼 숨김**: 모바일에서 크기 컨트롤의 기본크기 버튼 숨김 처리
+- **모바일 사이드바 리셋 개선**: 모달 닫힘 시 모바일에서 사이드바가 항상 접힌 상태로 리셋
+- **mobile_default_maximized 옵션 수정**: ERB 템플릿에서 누락된 data 속성 추가
+
+### v1.0.16
+
+- **모달 상태 리셋 개선**: 모달 닫힘 시 사이드바와 서브메뉴가 첫 번째 항목으로 자동 리셋
+
+### v1.0.13 ~ v1.0.15
+
+- 내부 개선 및 버그 수정
+
 ### v1.0.12
 
 - **최소화된 모달 자동 복원**: `openModal()` 호출 시 해당 모달이 이미 열려있고 최소화된 상태라면 자동으로 복원되도록 개선

data/app/assets/stylesheets/rails_modal_manager.css

@@ -696,6 +696,28 @@
     opacity: 1;
     visibility: visible;
   }
+
+  /* When modal is maximized on mobile, show collapsed sidebar with icons only */
+  .rmm-modal.rmm-size-full .rmm-sidebar {
+    position: relative;
+    top: auto;
+    transform: none;
+  }
+
+  .rmm-modal.rmm-size-full .rmm-sidebar.rmm-sidebar-collapsed {
+    width: var(--rmm-sidebar-collapsed-width);
+    min-width: var(--rmm-sidebar-collapsed-width);
+  }
+
+  .rmm-modal.rmm-size-full .rmm-sidebar:not(.rmm-sidebar-collapsed) {
+    width: var(--rmm-sidebar-width);
+    min-width: var(--rmm-sidebar-width);
+  }
+
+  /* Hide overlay for maximized modal since sidebar is inline */
+  .rmm-modal.rmm-size-full .rmm-sidebar-overlay {
+    display: none;
+  }
 }
 
 /* ============================================
@@ -1226,11 +1248,15 @@
   height: 14px;
 }
 
-/* Hide drag handle on mobile */
+/* Hide drag handle and default size button on mobile */
 @media (max-width: 768px) {
   .rmm-drag-handle {
     display: none;
   }
+
+  .rmm-default-size-btn {
+    display: none;
+  }
 }
 
 /* ============================================

data/app/javascript/rails_modal_manager/controllers/rmm_sidebar_controller.js

@@ -219,6 +219,12 @@ export default class extends Controller {
     firstItem.classList.add('rmm-active')
     this.currentItemId = firstItem.dataset.itemId
 
+    // On mobile, ensure sidebar is collapsed
+    if (window.innerWidth < 768) {
+      this.collapsedValue = true
+      this.element.classList.add('rmm-sidebar-collapsed')
+    }
+
     // Switch content panel
     this.switchPanel(firstItem)
 

data/app/views/rails_modal_manager/_header.html.erb

@@ -93,7 +93,7 @@
     <% if show_size_controls %>
       <%# Default size button - restores to original size %>
       <button type="button"
-              class="rmm-header-btn"
+              class="rmm-header-btn rmm-default-size-btn"
               data-action="click->rmm-header#restoreDefaultSize"
               title="기본 크기">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

data/app/views/rails_modal_manager/_modal.html.erb

@@ -83,6 +83,7 @@
   header_buttons ||= []
   extra_class ||= ""
   extra_data ||= {}
+  mobile_default_maximized ||= false
 
   # Build CSS classes
   modal_classes = ["rmm-modal", "rmm-size-#{size}", "rmm-position-#{position}"]
@@ -112,6 +113,7 @@
     rmm_modal_min_height_value: min_height,
     rmm_modal_height_value: height,
     rmm_modal_animation_duration_value: animation_duration,
+    rmm_modal_mobile_default_maximized_value: mobile_default_maximized,
     action: "click->rmm-modal#handleClick"
   }
   data_attrs[:rmm_modal_parent_modal_id_value] = parent_modal_id if parent_modal_id

data/lib/rails_modal_manager/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsModalManager
-  VERSION = "1.0.16"
+  VERSION = "1.0.17"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_modal_manager
 version: !ruby/object:Gem::Version
-  version: 1.0.16
+  version: 1.0.17
 platform: ruby
 authors:
 - reshacs