Merge pull request #1023 from ulyssear/a11y-output-elements

Accessibility : Output elements
This commit is contained in:
Peter Cottle 2022-10-10 11:35:25 -06:00 committed by GitHub
commit 261d668b6c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 10 deletions

View file

@ -50,7 +50,7 @@ class CommandView extends React.Component{
]);
return (
<div id={this.props.id} className="reactCommandView">
<output id={this.props.id} className="reactCommandView">
<p className={commandClass}>
<span className="prompt">{'$'}</span>
{' '}
@ -69,7 +69,7 @@ class CommandView extends React.Component{
<div className="commandLineWarnings">
{this.renderFormattedWarnings()}
</div>
</div>
</output>
);
}
@ -104,9 +104,9 @@ class CommandView extends React.Component{
}
}
return (
<div className={'commandLineResult'}>
<output className={'commandLineResult'}>
{result}
</div>
</output>
);
}

View file

@ -493,28 +493,28 @@ div.controls div.box.flex1 div.plus {
}
/* Command Line */
div.reactCommandView p.commandLine i {
output.reactCommandView p.commandLine i {
margin: 0 5px;
}
p.commandLine,
div.commandLineResult {
output.commandLineResult {
opacity: 1;
font-size: 1em;
margin: 0px;
}
div.commandLineWarnings p,
div.commandLineResult p {
output.commandLineResult p {
margin: 0px;
}
div.commandLineResult p:first-child,
output.commandLineResult p:first-child,
div.commandLineWarnings p:first-child {
padding-top: 8px;
}
div.commandLineResult p:last-child,
output.commandLineResult p:last-child,
div.commandLineWarnings p:last-child {
padding-bottom: 8px;
}
@ -536,7 +536,7 @@ p.commandLine span.icons i:first-child {
margin-left: 5px;
}
div.reactCommandView p.commandLine span.icons i:first-child {
output.reactCommandView p.commandLine span.icons i:first-child {
margin-left: 4px;
position: relative;
left: 1px;