search

themesberg / volt-bootstrap-5-dashboard

Free and open source Bootstrap 5 Admin Dashboard Template with vanilla Javascript
https://themesberg.com/docs/volt-bootstrap-5-dashboard/getting-started/quick-start/
MIT License
2.61k stars 302 forks source link

Resolution for #13 #14

Closed blended-ideas closed 4 years ago

blended-ideas commented 4 years ago

Bug: Horizontal Scroll in Settings Page #13

Cause: Input File Field has position of absolute with auto width.

Resolution: Element Containing input file field set to position relative with overflow hidden.

zoltanszogyenyi commented 4 years ago

@blended-ideas thanks for the contribution. The .overflow-hidden does not fully solve the problem. Please remove the class and modify the src/scss/volt/components/_forms.scss file by adding a width: 200px; to the .file-field input[type="file"] selector:

Screen Shot 2020-09-09 at 5 00 39 PM

Thank you!

blended-ideas commented 4 years ago

@zoltanszogyenyi Yeah, sorry.

Adding 'position-relative' along with 'overflow-hidden' will solve the issue. I missed adding 'position-relative'

Possible resolutions.

  1. Remove 'overflow-hidden' and add width constraint of 200px.
  2. Add 'position-relative'

Let me know how to proceed further.

zoltanszogyenyi commented 4 years ago

@blended-ideas I prefer the fixed width solution 😊