Project

General

Profile

Actions

Bug #55604

closed

mgr/dashboard: form field validation icons overlap with other icons

Added by Ernesto Puerta about 2 years ago. Updated almost 2 years ago.

Status:
Resolved
Priority:
Normal
Assignee:
Category:
UI
Target version:
% Done:

0%

Source:
Tags:
Backport:
quincy pacific
Regression:
No
Severity:
3 - minor
Reviewed:
Affected Versions:
ceph-qa-suite:
Pull request ID:
Crash signature (v1):
Crash signature (v2):

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.


Files

validation_icons_chrome.png (9.89 KB) validation_icons_chrome.png Ernesto Puerta, 05/10/2022 04:57 PM

Related issues 2 (0 open2 closed)

Copied to Dashboard - Backport #55738: pacific: mgr/dashboard: form field validation icons overlap with other iconsResolvedSarthak GuptaActions
Copied to Dashboard - Backport #55739: quincy: mgr/dashboard: form field validation icons overlap with other iconsResolvedSarthak GuptaActions
Actions

Also available in: Atom PDF