Project

General

Profile

Actions
Copy link

Bug #55604

closed

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

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

Status:
Resolved
Priority:
Normal
Assignee:
Sarthak Gupta
Category:
UI
Target version:
Ceph - v18.0.0
% Done:

0%

Source:
Tags:
Backport:
quincy pacific
Regression:
No
Severity:
3 - minor
Reviewed:
Affected Versions:
ceph-qa-suite:
Pull request ID:
46233
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 open — 2 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
Copy link
 #1

Updated by Ernesto Puerta almost 2 years ago

  • Description updated (diff)
Actions
Copy link
 #2

Updated by Ernesto Puerta almost 2 years ago

  • Description updated (diff)
Actions
Copy link
 #3

Updated by Sarthak Gupta almost 2 years ago

  • Status changed from New to In Progress
  • Assignee changed from Nizamudeen A to Sarthak Gupta
  • Pull request ID set to 46233
Actions
Copy link
 #4

Updated by Ernesto Puerta almost 2 years ago

  • Status changed from In Progress to Pending Backport
  • Backport set to quincy pacific
Actions
Copy link
 #5

Updated by Backport Bot almost 2 years ago

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

Updated by Backport Bot almost 2 years ago

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

Updated by Ernesto Puerta almost 2 years ago

  • Status changed from Pending Backport to Resolved
Actions
Copy link

Also available in: Atom PDF