feat(FN-956): improve remote edit button usability on mobile and desktop
- Increase remote edit icon size from 12px to 16px for better tap/click targets - Add mobile-specific CSS rules to show/hide remote edit buttons based on screen size - Add comprehensive test coverage for mobile-friendly edit button visibility
This commit is contained in:
@@ -5439,6 +5439,22 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
/* Git Manager remote edit buttons: always visible on mobile (no hover) */
|
||||
.gm-remote-edit-btn {
|
||||
opacity: 1;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin-right: -8px;
|
||||
margin-top: -8px;
|
||||
margin-bottom: -8px;
|
||||
border-radius: var(--radius-md);
|
||||
}
|
||||
|
||||
.gm-remote-edit-btn svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* === Tablet Responsive Tier (769px–1024px) === */
|
||||
|
||||
Reference in New Issue
Block a user