Project

General

Profile

Bug #55604

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

Added by Ernesto Puerta 7 months ago. Updated 6 months 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.

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


Related issues

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

History

#1 Updated by Ernesto Puerta 7 months ago

  • Description updated (diff)

#2 Updated by Ernesto Puerta 7 months ago

  • Description updated (diff)

#3 Updated by Sarthak Gupta 7 months 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 7 months ago

  • Status changed from In Progress to Pending Backport
  • Backport set to quincy pacific

#5 Updated by Backport Bot 7 months ago

  • Copied to Backport #55738: pacific: mgr/dashboard: form field validation icons overlap with other icons added

#6 Updated by Backport Bot 7 months ago

  • Copied to Backport #55739: quincy: mgr/dashboard: form field validation icons overlap with other icons added

#7 Updated by Ernesto Puerta 6 months ago

  • Status changed from Pending Backport to Resolved

Also available in: Atom PDF