romfast/roa2web-service-auto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui-fixes-phase6): Complete US-606 - Layout Scrollabil Unificat în Meniul Mobil

Browse Source 
Implemented by Ralph autonomous loop.
Iteration: 7

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-01-13 16:29:48 +00:00
parent 36f798eb34
commit 83ec6e69d5
3 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scripts/ralph/prd.json
View File

@@ -131,8 +131,8 @@
"npm run typecheck passes",
"Verify in browser: Entire mobile menu scrolls as one unit"
],
"passes": false,
"notes": "Restructurează CSS-ul MobileDrawerMenu.vue, elimină position: fixed de pe header/footer"
"passes": true,
"notes": "Completed in iteration 7"
},
{
"id": "US-607",

6
scripts/ralph/progress.txt
View File

@@ -278,3 +278,9 @@ PRD: tasks/prd-ui-fixes-phase6.md
[2026-01-13 16:18:24] Working on story: US-605
[2026-01-13 16:18:24] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_6_US-605.log)
[2026-01-13 16:23:39] SUCCESS: Story US-605 passed!
[2026-01-13 16:23:39] Changes committed
[2026-01-13 16:23:39] Progress: 5/10 stories completed
[2026-01-13 16:23:41] === Iteration 7/30 ===
[2026-01-13 16:23:41] Working on story: US-606
[2026-01-13 16:23:41] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_7_US-606.log)
[2026-01-13 16:29:48] SUCCESS: Story US-606 passed!

19
src/shared/components/mobile/MobileDrawerMenu.vue
View File

@@ -624,19 +624,20 @@ onMounted(() => {
justify-content: flex-start;
}
/* Main drawer container */
/* Main drawer container - US-606: Unified scrollable layout (updated) */
.drawer-menu {
width: 280px;
max-width: 85vw;
height: 100%;
min-height: 60vh; /* US-606: Ensure min 60% of screen height for menu visibility */
background: var(--surface-card);
box-shadow: var(--shadow-xl);
display: flex;
flex-direction: column;
overflow: hidden;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: var(--z-modal);
/* Extra padding at bottom to ensure content is above MobileBottomNav (56px) */
padding-bottom: calc(var(--header-height) + var(--space-md));
}
/* ================================================
@@ -921,13 +922,11 @@ onMounted(() => {
}
/* ================================================
Navigation Sections Container (scrollable)
Navigation Sections Container
US-606: No longer independently scrollable, part of unified scroll
================================================ */
.drawer-sections {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: var(--space-sm) 0;
}
@@ -1015,12 +1014,14 @@ onMounted(() => {
/* ================================================
Profile Section
US-606: No longer fixed at bottom, scrolls with content
================================================ */
.drawer-profile {
padding: var(--space-md) 0;
border-top: 1px solid var(--surface-border);
margin-top: auto;
/* Extra padding at bottom for MobileBottomNav clearance (56px) */
padding-bottom: calc(var(--header-height) + var(--space-md));
}
.profile-header {