diff --git a/client/modules/IDE/components/EditorAccessibility.js b/client/modules/IDE/components/EditorAccessibility.js index 7b7b7b34..cddd8605 100644 --- a/client/modules/IDE/components/EditorAccessibility.js +++ b/client/modules/IDE/components/EditorAccessibility.js @@ -6,18 +6,24 @@ class EditorAccessibility extends React.Component { } render() { let messages = []; - for (let i = 0; i < this.props.lintMessages.length; i++) { + if (this.props.lintMessages.length > 0) { + for (let i = 0; i < this.props.lintMessages.length; i++) { + messages.push( +
  • + {this.props.lintMessages[i].severity} in line + {this.props.lintMessages[i].line} : + {this.props.lintMessages[i].message} +
  • + ); + } + } else { messages.push( -
  • - {this.props.lintMessages[i].severity} in line - {this.props.lintMessages[i].line} : - {this.props.lintMessages[i].message} -
  • +

    There are no lint messages

    ); } return ( -
    -

    line - {this.props.lineNo}

    +
    +

    {this.props.lineNo}

    @@ -28,7 +34,7 @@ class EditorAccessibility extends React.Component { EditorAccessibility.propTypes = { lintMessages: PropTypes.array.isRequired, - lineNo: PropTypes.number.isRequired, + lineNo: PropTypes.string.isRequired, }; export default EditorAccessibility; diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js index 41e783b0..dbde2d7b 100644 --- a/client/modules/IDE/pages/IDEView.js +++ b/client/modules/IDE/pages/IDEView.js @@ -106,10 +106,6 @@ class IDEView extends React.Component { updateFileName={this.props.updateFileName} />
    - + { case ActionTypes.CLEAR_LINT_MESSAGE: return Object.assign({}, state, { lintMessages: [] }); case ActionTypes.UPDATE_LINENUMBER: - return Object.assign({}, state, { lineNo: action.lineNo }); + return Object.assign({}, state, { lineNo: `line ${action.lineNo}` }); default: return state; } diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss index 52fc5e97..581c9628 100644 --- a/client/styles/layout/_ide.scss +++ b/client/styles/layout/_ide.scss @@ -27,6 +27,10 @@ position: absolute; } +.editor-accessibility { + @extend %hidden-element; +} + .preview-frame { flex: 1 0 0px; min-height: 100%;