Prometheus: Class added for encyclopedia on open for fullstory (#68325)

add class to metric encyclopedia option in metric select on open for fullstory
This commit is contained in:
Brendan O'Handley 2023-05-11 12:52:59 -04:00 committed by GitHub
parent 5a044ac4b4
commit b7c50b3be2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -131,6 +131,7 @@ export function MetricSelect({
return ( return (
<div <div
{...props.innerProps} {...props.innerProps}
className="metric-encyclopedia-open"
onKeyDown={(e) => { onKeyDown={(e) => {
// if there is no metric and the m.e. is enabled, open the modal // if there is no metric and the m.e. is enabled, open the modal
if (e.code === 'Enter') { if (e.code === 'Enter') {
@ -139,10 +140,10 @@ export function MetricSelect({
}} }}
> >
{ {
<div className={`${styles.customOption} ${isFocused}`}> <div className={`${styles.customOption} ${isFocused} metric-encyclopedia-open`}>
<div> <div>
<div>{option.label}</div> <div className="metric-encyclopedia-open">{option.label}</div>
<div className={styles.customOptionDesc}>{option.description}</div> <div className={`${styles.customOptionDesc} metric-encyclopedia-open`}>{option.description}</div>
</div> </div>
<Button <Button
variant="primary" variant="primary"
@ -150,6 +151,7 @@ export function MetricSelect({
size="sm" size="sm"
onClick={() => setState({ ...state, metricsModalOpen: true })} onClick={() => setState({ ...state, metricsModalOpen: true })}
icon="book" icon="book"
className="metric-encyclopedia-open"
> >
Open Open
</Button> </Button>