diff --git a/src/Explorer/Panes/PanelComponent.less b/src/Explorer/Panes/PanelComponent.less index becdc49d8..481c6ee64 100644 --- a/src/Explorer/Panes/PanelComponent.less +++ b/src/Explorer/Panes/PanelComponent.less @@ -112,8 +112,9 @@ margin-top: 28px; margin-left: 4px !important; } -.addRemoveIcon [alt="editEntity"]:focus,.addRemoveIconLabel [alt="editEntity"]:focus{ - border:1px dashed #605E5C +.addRemoveIcon [alt="editEntity"]:focus, +.addRemoveIconLabel [alt="editEntity"]:focus { + border: 1px dashed #605e5c; } .addNewParamStyle { margin-top: 5px; @@ -153,6 +154,9 @@ .backImageIcon { margin-top: 8px; } +[alt="back"]:focus { + border: 1px solid #605e5c; +} .addEntityDatePicker { max-width: 145px; } diff --git a/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx b/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx index cee17de72..c9d9bda10 100644 --- a/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx +++ b/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx @@ -213,12 +213,24 @@ export const AddTableEntityPanel: FunctionComponent = setSelectedRow(rowEndex); setIsEntityValuePanelTrue(); }; + const handlePress = (event: React.KeyboardEvent): void => { + if (event.key === "Enter" || event.key === "Space") { + setIsEntityValuePanelFalse(); + } + }; if (isEntityValuePanelOpen) { return ( - back setIsEntityValuePanelFalse()} /> + back