External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-07 19:51:08 -03:30
Code Issues Packages Projects Releases Wiki Activity

CodeEditor: fix hidden error message

Browse Source
This commit is contained in:
Keith J. Grant
2021-02-22 16:43:04 -08:00
parent 2995cde7cb
commit c975f65bbc
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
awx/ui_next/src/components/CodeEditor/CodeEditor.jsx
View File

@@ -14,11 +14,11 @@ const LINE_HEIGHT = 24;
const PADDING = 12; const PADDING = 12;
const FocusWrapper = styled.div` const FocusWrapper = styled.div`
&& + .pf-c-form__helper-text { && + .keyboard-help-text {
display: none; display: none;
} }
&:focus-within + .pf-c-form__helper-text { &:focus-within + .keyboard-help-text {
display: block; display: block;
} }
`; `;
@@ -164,7 +164,10 @@ function CodeEditor({
/> />
</FocusWrapper> </FocusWrapper>
{isKeyboardFocused && ( {isKeyboardFocused && (
<div className="pf-c-form__helper-text" aria-live="polite"> <div
className="pf-c-form__helper-text keyboard-help-text"
aria-live="polite"
>
{i18n._(t`Press Enter to edit. Press ESC to stop editing.`)} {i18n._(t`Press Enter to edit. Press ESC to stop editing.`)}
</div> </div>
)} )}