cv-frontend-vue icon indicating copy to clipboard operation
cv-frontend-vue copied to clipboard

Published 20 hours ago • verified publisher icon CircuitVerse

BUG : Fix misalignment of zoom slider circle in toolbar and made it acc to req ui

Open blazethunderstorm opened this issue 5 months ago • 9 comments

Fixes #603

Describe the changes you have made in this PR -

Fixed the alignment issue of the zoom slider thumb within the quick action toolbar. The circle (thumb) was previously slightly misaligned vertically on both desktop and mobile views. Updated the CSS styles for ::-webkit-slider-thumb and ::-moz-range-thumb to ensure proper centering across browsers and screen sizes. This improves the visual consistency and polish of the zoom control component.

Screenshots of the changes (If any) -

Before ---

image

After ---

image

Note: Please check Allow edits from maintainers. if you would like us to assist in the PR.

Summary by CodeRabbit

  • Style
    • Updated the zoom slider and buttons for a modern, consistent look with improved alignment and refined styling.
    • Enhanced slider visuals with smoother hover effects and clearer focus states.
    • Redesigned the mobile quick button bar to a compact, absolute-positioned layout with consistent icon sizes and added drag support.
    • Simplified component structure by removing unused elements and streamlining button containers.

cc @ThatDeparted2061 @Arnabdaz @niladrix719

blazethunderstorm avatar Jun 15 '25 18:06 blazethunderstorm