Topic: Overflow bug in .side-nav .search-form input[type=text]
chimericdream
pro
asked 6 years ago
There appears to be an overflow issue with the search form in the side nav. I found that the offending rule is a left padding on the text input, which causes the total width of the input to be 270px, 30px wider than the parent container.
Screenshot of the issue:
http://imgur.com/a/4Kw1y
Based on my brief testing, I believe the fix is fairly straightforward. In
_side-nav.scss
, at line 143, add a new rule to the input[type=text]
block so it looks like so:
input[type=text] {
border-bottom: 1px solid #fff;
font-weight: 300;
padding-left: 30px;
width: calc(100% - 30px);
}
Add comment
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: Yes
Tags