Bug #55604
mgr/dashboard: form field validation icons overlap with other icons
% Done:
0%
Source:
Tags:
Backport:
quincy pacific
Regression:
No
Severity:
3 - minor
Reviewed:
Description
Seems to be caused by the following CSS rule in the styles.css
file (it's a Boostrap rule):
.was-validated select.form-control:valid, .was-validated select.cd-form-control:valid, select.form-control.is-valid, select.is-valid.cd-form-control {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
Just disabling the above code fixes the issue.
It seems that form-control
and custom-select
shouldn't be used together as both are mutually exclusive. Custom select was added here.
Related issues
History
#1 Updated by Ernesto Puerta over 1 year ago
- Description updated (diff)
#2 Updated by Ernesto Puerta over 1 year ago
- Description updated (diff)
#3 Updated by Sarthak Gupta over 1 year ago
- Status changed from New to In Progress
- Assignee changed from Nizamudeen A to Sarthak Gupta
- Pull request ID set to 46233
#4 Updated by Ernesto Puerta over 1 year ago
- Status changed from In Progress to Pending Backport
- Backport set to quincy pacific
#5 Updated by Backport Bot over 1 year ago
- Copied to Backport #55738: pacific: mgr/dashboard: form field validation icons overlap with other icons added
#6 Updated by Backport Bot over 1 year ago
- Copied to Backport #55739: quincy: mgr/dashboard: form field validation icons overlap with other icons added
#7 Updated by Ernesto Puerta over 1 year ago
- Status changed from Pending Backport to Resolved