feat(unified-mobile-desktop-ui): Complete US-512 - Detailed Invoices - Fix Overlay Butoane Ascunse
Implemented by Ralph autonomous loop. Iteration: 12 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -170,10 +170,12 @@ const handleTouchEnd = () => {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Main bottom sheet container */
|
||||
/* Main bottom sheet container - US-512 fix */
|
||||
.bottom-sheet {
|
||||
width: 100%;
|
||||
max-height: 90vh;
|
||||
/* US-512: Reduce max-height to account for MobileBottomNav (56px) so the
|
||||
sheet doesn't extend behind the fixed navigation bar */
|
||||
max-height: calc(90vh - 56px);
|
||||
background: var(--surface-card);
|
||||
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
|
||||
box-shadow: var(--shadow-xl);
|
||||
@@ -181,6 +183,8 @@ const handleTouchEnd = () => {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: var(--z-modal);
|
||||
/* US-512: Add margin to position sheet above MobileBottomNav (56px height) */
|
||||
margin-bottom: 56px;
|
||||
}
|
||||
|
||||
/* Drag handle container */
|
||||
|
||||
@@ -89,7 +89,9 @@ defineEmits(['item-click'])
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
justify-content: space-around;
|
||||
z-index: 1000;
|
||||
/* US-512: Use design token for z-index instead of hardcoded value
|
||||
to ensure proper layering with BottomSheet (z-modal: 1050) */
|
||||
z-index: var(--z-fixed);
|
||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user