Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing Drag-and-Drop Feature & Circular Banner Image Box - (Write article section) #35

Open
realshantanu opened this issue Oct 4, 2024 · 6 comments
Assignees
Labels
enhancement New feature or request

Comments

@realshantanu
Copy link

Missing Drag-and-Drop Feature & Circular Banner Image Box

Issue Description

  1. No Drag-and-Drop Upload Option:
    The banner image upload section currently only supports file selection via a button. There is no drag-and-drop functionality, which would provide a more intuitive and efficient user experience.

  2. Banner Image Appearing in a Circular Box:
    The uploaded banner image is displayed inside a circular box. A rectangular display would be more appropriate, especially for showcasing full banner images that often have a wider aspect ratio.

Steps to Reproduce

  1. Navigate to the banner image upload section.
  2. Try dragging and dropping an image file into the upload area (this functionality is currently missing).
  3. Upload an image and notice it appears within a circular frame instead of a rectangular banner space.

Expected Behavior

  • Drag-and-Drop Functionality: Users should be able to drag and drop an image file into the upload section to upload it.
  • Rectangular Banner Display: The uploaded banner image should appear in a rectangular box, suitable for banner displays rather than being constrained to a circular box.

Suggested Fixes

  • Implement drag-and-drop functionality to improve the ease of use during image uploads.
  • Adjust the CSS or layout properties to ensure the banner image is displayed in a rectangular box, better matching standard banner image dimensions.
@Harshal141 Harshal141 added the enhancement New feature or request label Oct 4, 2024
@404Nikhil 404Nikhil assigned 404Nikhil and unassigned 404Nikhil Oct 17, 2024
@KPrathamesh-27
Copy link
Contributor

Hi, I've successfully implemented the drag-and-drop functionality in this pull request. To maintain a clear separation of concerns, I propose creating a new issue to address the rectangular banner part. This will allow us to focus on design aspects more effectively.

@Lokendrakushwah12
Copy link
Collaborator

@KPrathamesh-27 please request assignment before working on issues next time. Feel free to create new issues if you find any.

@KPrathamesh-27
Copy link
Contributor

@Lokendrakushwah12 yes, will do it from next time onwards. Please merge the request #47

@Lokendrakushwah12
Copy link
Collaborator

Will review that can you send the screen recording of the feat

@KPrathamesh-27
Copy link
Contributor

20241021192937.mp4

Screen recording for the feature

@KPrathamesh-27
Copy link
Contributor

Can you Please review the feature?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants