creativetimofficial / ct-soft-ui-dashboard-pro

Soft UI Dashboard Pro - Bootstrap 5 Admin
34 stars 6 forks source link

[Bug] borken tag <input type="file" /> with inline label #34

Closed khellendros74 closed 2 years ago

khellendros74 commented 2 years ago

Version

1.0.5

Reproduction link

https://codepen.io/khellendros74/pen/eYGKRoN

Operating System

Windows 10

Device

Dell XPS 13

Browser & Version

Firefox 95.0.2 64Bit

Steps to reproduce

load the reproduction page

What is expected?

Horizontal border line between elements should be align

What is actually happening?

border are broken image


Solution

Additional comments

groovemen commented 2 years ago

Hello @khellendros74,

Thank you for using our products, you can easily fix this issue (until the next product update) by setting a margin-bottom: 0; for the input-group-text that will look like this:

<div class="input-group mb-3">
  <label class="input-group-text mb-0" for="inputGroupFile02">Upload</label>
  <input type="file" class="form-control" id="inputGroupFile02" onfocus="focused(this)" onfocusout="defocused(this)">
</div>

Hope this information helps you. Please let us know if we can help you with anything else.

All the best, Stefan