LibreCCM
/
libreccm
3
0
Fork 0
Code Issues 10 Pull Requests Packages Releases Wiki Activity

CCM NG: PageModelEditor 

git-svn-id: https://svn.libreccm.org/ccm/ccm_ng@5614 8810af33-2d31-482b-a856-94f89814c4df
jensp 2018-07-19 13:36:54 +00:00
parent 2e1d98c237
commit e4f1d6be5d
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ccm-pagemodelseditor/src/main/typescript/ccm-pagemodelseditor/PageModelsEditor.tsx
View File

@ -978,11 +978,12 @@ abstract class AbstractComponentModelEditor<
<dialog aria-labelledby={this.props.component.key <dialog aria-labelledby={this.props.component.key
+ "_editDialogHeading"} + "_editDialogHeading"}
className={this.state.dialogExpanded} className={this.state.dialogExpanded}
onKeyDown={(event) => this.closeOnEsc} onKeyPress={(event) => this.closeOnEsc(event)}
open={this.state.dialogOpened}> open={this.state.dialogOpened}
tabIndex={0}>
<button className="closeButton" <button className="closeButton"
onClick={(event) => this.toggleEditorDialog}> onClick={(event) => this.closeOnButton(event)}>
<span className="accessibility hidden">Close</span> <span className="screenreader">Close</span>
<span className="fa fa-times-circle"></span> <span className="fa fa-times-circle"></span>
</button> </button>
<h1 id={this.props.component.key + "_editDialogHeading"}> <h1 id={this.props.component.key + "_editDialogHeading"}>
@ -1013,7 +1014,9 @@ abstract class AbstractComponentModelEditor<
private closeOnEsc(event: React.KeyboardEvent<HTMLElement>): void { private closeOnEsc(event: React.KeyboardEvent<HTMLElement>): void {
if (event.keyCode === 27) { console.log(`Key press detected: ${event.key}`);
if (event.key === "27") {
this.toggleEditorDialog(); this.toggleEditorDialog();
} }
} }

10
ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
View File

@ -108,6 +108,14 @@
} }
/* Schriften Ende */ /* Schriften Ende */
.screenreader {
position: absolute;
top: -99em;
left: -99em;
width: 1px;
height: 1px;
}
/* Colors */ /* Colors */
h1, h2, h3 { h1, h2, h3 {
margin: 0; margin: 0;
@ -2091,7 +2099,7 @@ li.componentModelEditor dialog.dialogExpanded {
li.componentModelEditor dialog.dialogExpanded button.closeButton { li.componentModelEditor dialog.dialogExpanded button.closeButton {
background-color: none; background-color: transparent;
border: none; border: none;